Miten avata kehittäjäkonsoli selaimessa

Anonim

Miten avata kehittäjäkonsoli selaimessa

Web-selaimet on suunniteltu paitsi tavallisille käyttäjille myös kehittäjille, jotka testattavat työkaluja ja luovat verkkosivustoja. Tietyissä olosuhteissa konsoli voidaan tarvita ja perinteinen käyttäjä. Voit avata sen missä tahansa selaimessa, ja tämän tavoitteet ovat usein samat.

Kehittäjäkonsolin avaaminen selaimissa

Selaimen kehittäjille on useita työkaluja, joiden avulla he voivat harjoittaa ammattimaisesti web-kehitystä. Yksi niistä on konsoli, jonka avulla voit seurata erilaisia ​​tapahtumia. Voit avata sen eri tavalla, ja sitten harkitsemme erilaisia ​​vaihtoehtoja tähän toimintaan. Yandexille. Meillä on erillinen artikkeli, ja tarjoamme perehdyttämään muiden selainten omistajia.

Lue lisää: Kuinka avata konsoli Yandex.Browser

Tapa 1: Pikanäppäimet

Jokainen Web-selain tukee kuumapainikkeita, ja useimmiten nämä yhdistelmät ovat samat.

    Google Chrome / Opera: Ctrl + Shift + J

    Mozilla Firefox: Ctrl + Shift + K

On Universal Hot Key - F12. Se käynnistää konsolin lähes kaikissa selaimissa.

Tapa 2: Kontekstivalikko

Voit myös soittaa kehittäjäkonsoliin kontekstivalikon kautta. Toimet itse ovat ehdottomasti samat.

Google Chrome.

  1. Napsauta hiiren kakkospainikkeella tyhjää paikkaa millä tahansa sivulla ja valitse "Näytä koodi".
  2. Kehittäjäkonsolin kutsuminen Google Chromen kontekstivalikon kautta

  3. Vaihda "konsoli" -välilehteen.
  4. Vaihda Google Chromen kehittäjän konsoli-välilehdellä

Ooppera.

  1. Napsauta PCM: tä tyhjässä paikassa ja valitse "View Element Code".
  2. Käynnistä kehittäjätyökalut siirtyäksesi konsoliin Opera-kontekstivalikon kautta

  3. Siirry "konsoliin".
  4. Vaihda Opera-kehittäjätyökalujen konsoli-välilehteen

Mozilla Firefox.

  1. Napsauta hiiren hiiren kakkospainikkeella, soita kontekstivalikkoon ja napsauttamalla "Tutki kohdetta".
  2. Soita kehittäjätyökaluille avataksesi konsolin kontekstivalikon kautta Mozilla Firefox

  3. Vaihda "konsoli".
  4. Mozilla Firefox Developer Tab Console

Tapa 3: Selainvalikko

Valikon kautta ei ole vaikea päästä haluamaasi osaan.

Google Chrome.

Napsauta valikkokuvaketta, valitse "Lisäasetukset" ja avattavasta valikosta. Siirry "Developerin työkalut". Se siirtyy vain "konsoliin" -välilehteen.

Puhelun kehittäjätyökalut siirtyy konsoliin Google Chrome -selaimen valikon kautta

Ooppera.

Napsauta vasemmassa yläkulmassa olevaa valikkokuvaketta, siirrä kehitysvalikkokohtaa ja valitse Kehittäjätyökalut. Näkymässä osiossa siirry "konsoli".

Vaihda kehittäjätyökaluihin, jos haluat avata konsolin Opera-selaimen valikon kautta

Mozilla Firefox.

  1. Soita valikkoon ja napsauta Web-kehitystä.
  2. Siirry Web-kehitysosastoon Mozilla Firefox-selaimen valikon kautta

  3. Valitse työkalulistasta "Web-konsoli".
  4. Soita konsoli Mozilla Firefox-selaimen Web Development -osion kautta

  5. Vaihda "konsoli" -välilehteen.
  6. Vaihda Mozilla Firefox -kehittäjän konsoli-välilehteen

Tapa 4: Suorita selaimen alussa

Ne, jotka liittyvät jatkuvasti kehitykseen, sinun on aina pidettävä konsoli auki. Jos et palauta sitä joka kerta, selaimet tarjoavat asettamaan pikakuvakkeen tiettyjen parametrien, jotka automaattisesti kutsuvat konsoliin, kun selain käynnistetään tämän pikakuvakkeen kautta.

Google Chrome.

  1. Napsauta ohjelman pikavalinta hiiren oikealla painikkeella ja siirry kohtaan "Ominaisuudet". Jos pikakuvaketta ei ole, napsauta PCM: n EXE-tiedostoa ja valitse "Luo pikakuvake".
  2. Siirry selainominaisuuksiin kontekstivalikon kautta

  3. Aseta "Object" -kentän välilehden "etiketti" tekstin osoittimen rivin loppuun ja aseta --Auto-Open-devTools-for-välilehti-komento. Napsauta OK.

Syötä selaimen käynnistysparametri automaattisesti Avaa kehittäjätyökalut

Nyt kehittäjäkonsoli avautuu automaattisesti selaimella.

Mozilla Firefox.

Tämän selaimen omistajat saavat soittaa konsoliin uudessa ikkunassa, mikä voi olla paljon kätevämpää. Tehdä tämä, sinun tarvitaan mennä etiketin "ominaisuuksiin", kuten edellä esitettiin, mutta syöttää toinen komento - -jsconsole.

Selaimen käynnistysparametri Mozilla Firefox -konsolin automaattiseen avaamiseen

Se aukeaa erikseen Firefoxilla.

Käynnistetty konsoli uudessa ikkunassa Mozilla Firefoxissa

Nyt tiedät kaikki ajankohtaiset tavat aloittaa konsoli oikeaan aikaan tai automaattisesti.

Lue lisää