Hogyan lehet megnyitni a fejlesztői konzolt a böngészőben

Anonim

Hogyan lehet megnyitni a fejlesztői konzolt a böngészőben

Webböngészők célja nem csak a hétköznapi felhasználók számára, hanem a fejlesztők számára, akik próbára eszközök és webhelyek létrehozását. Bizonyos körülmények között szükség lehet a konzolra és egy hagyományos felhasználóra. Minden böngészőben kinyithatja, és ennek módjai gyakran ugyanazok.

A fejlesztői konzol megnyitása a böngészőkben

A böngésző fejlesztői számára számos olyan eszköz létezik, amelyek lehetővé teszik számukra, hogy professzionálisan részt vegyenek a webfejlesztésben. Az egyik olyan konzol, amely lehetővé teszi a különböző események nyomon követését. Megnyithatja másképp megnyithatja, majd megvizsgáljuk az intézkedés különböző lehetőségét. A Yandex számára. Külön cikkünk van, és felajánljuk, hogy megismerjük az alábbi más böngészők tulajdonosaival.

Bővebben: Hogyan lehet megnyitni a konzolt a Yandex.Browser-ben

1. módszer: Hot billentyűk

Minden webböngésző támogatja a forró gombokat, és többnyire ezek a kombinációk ugyanazok.

    Google Chrome / Opera: Ctrl + Shift + J

    Mozilla Firefox: Ctrl + Shift + K

Van egy univerzális forró kulcs - F12. A konzolt szinte minden webböngészőben indítja el.

2. módszer: Kontextus menü

A fejlesztői konzolt is hívhatja a helyi menüben. A cselekedetek maguk is teljesen ugyanazok.

Google Chrome.

  1. Kattintson a jobb egérgombbal egy üres helyre bármely oldalon, és válassza a "Kód megtekintése" lehetőséget.
  2. A fejlesztői konzol hívása a Google Chrome helyi menüjén keresztül

  3. Váltson a "konzol" fülre.
  4. Váltson a konzol fülre a Google Chrome fejlesztőben

Opera.

  1. Kattintson a PCM-re üres helyen, és válassza a "View Element Code" lehetőséget.
  2. Indítsa el a fejlesztői eszközöket a konzolra az Opera helyi menüjének átkapcsolásához

  3. Váltson a "konzolra".
  4. Váltson a konzol fülre az Operafejlesztő eszközökben

Mozilla Firefox.

  1. Kattintson jobb gombbal az egérre, hívja a helyi menüt, és kattintson a "Tekintse meg az elemet".
  2. Hívja fel a fejlesztői eszközöket a konzol megnyitásához a Mozilla Firefox kontextus menüjében

  3. Váltás a "konzolra".
  4. Mozilla Firefox Developer Tab Console

3. módszer: Böngésző menü

A menün keresztül nem lesz nehéz bejutni a kívánt szakaszba.

Google Chrome.

Kattintson a Menü ikonra, válassza a "Speciális eszközök" és a legördülő menüpontot. Menjen a "Fejlesztői eszközök" menüpontra. Csak a "konzol" fülre vált.

Hívja a fejlesztői eszközöket a konzolra a Google Chrome böngészőmenüben

Opera.

Kattintson a bal felső sarokban lévő menü ikonra, és válassza ki a fejlesztési menüpontot, és válassza a Fejlesztői eszközök lehetőséget. A megjelenött szakaszban váltson a "konzolra".

Váltson a fejlesztői eszközökre a konzol megnyitásához az Opera Böngésző menüben

Mozilla Firefox.

  1. Hívja a menüt, és kattintson a webfejlesztésre.
  2. Menjen a Webfejlesztési részre a Mozilla Firefox böngésző menüben

  3. A szerszámlistában válassza a "Web Console" lehetőséget.
  4. Híváskonzol a Mozilla Firefox böngésző webfejlesztési szakaszon keresztül

  5. Váltson a "konzol" fülre.
  6. Váltson a Mozilla Firefox fejlesztő konzol lapjára

4. módszer: Futtassa a böngésző elején

Azok, akik folyamatosan kapcsolódnak a fejlődéshez, mindig nyitva kell tartani a konzolt. Ahhoz, hogy minden alkalommal ne helyreállítsa, a böngészők bizonyos paraméterek parancsikonját állítják be, amely automatikusan felhívja a konzolt, ha egy webböngésző kerül elindításra a parancsikonon keresztül.

Google Chrome.

  1. Kattintson a jobb egérgombbal, és menjen a "Tulajdonságok" gombra. Ha nincs parancsikon, kattintson a PCM exe fájljára, és válassza a "Hozzon létre egy parancsikont" lehetőséget.
  2. Menjen a böngésző tulajdonságai a helyi menüben

  3. A lapon „Label” a „tárgy” mezőbe helyezze el a szöveget mutató a sor végére, és helyezze be a --auto-Open-DevTools-for-Tabs parancsot. Kattintson az OK gombra.

Adja meg a böngésző elindítása paraméterét a fejlesztői eszközök automatikus megnyitásához

Most a fejlesztői konzol automatikusan megnyílik a böngészővel.

Mozilla Firefox.

A böngésző tulajdonosai megengedhetik a konzol új ablakban, ami sokkal kényelmesebb lehet. Ehhez szükség lesz arra, hogy a címke "tulajdonságai" -hoz kell menni, amint azt a fentiekben bemutattuk, de beírja a másik parancsot - -jsconsole.

Böngésző indítási paramétere a Mozilla Firefox konzol automatikus megnyitásához

A Firefoxmal külön nyitva tart.

Indított konzol új ablakban Mozilla Firefox

Most már ismeri a konzol megfelelő időben történő elindítását, vagy automatikusan.

Olvass tovább