A böngésző konzoljának megnyitása a Chrome, a Safari, a Firefox és az Edge webhelyeken

A felhasználók leggyakoribb oka, hogy miért akarják megnyitni a böngészőkonzolt, az oldalszerkesztéssel, a meghibásodott kezelőfelület-elemekkel, a nem megfelelő viselkedéssel kapcsolatos problémák azonosítása a JavaScripts más típusú hibáinak és konfliktusainak megakadályozásához. Mindazonáltal minden böngészőnek megvannak a saját hivatkozásai és lépései, amelyek végül lehetővé teszik a konzol megnyitását és a meglátogatott weboldal hátoldalának megtekintését.

A konzol megnyitása az alapértelmezett böngészőben

Mivel csak négy különböző böngésző létezik, amelyek piaci részesedése meghaladja az 5% -ot (Chrome, Safari, Edge és Firefox), mindegyiken a konzol megnyitásának több módját mutatjuk be. De ne feledje, hogy az egyes böngészőknél az elemek és hibák általában színkóddal vannak ellátva és másként vannak címkézve.

A konzol megnyitása a Google Chrome böngészőben

A Chrome-ban valójában három különböző módon lehet megnyitni a beépített konzolt.

Függetlenül attól, hogy milyen Chrome-verziót használ, az alábbi parancsikonok egyikével megnyithatja és bezárhatja a beépített konzolt:

• F12
• Ctrl + Shift + J (Cmd + Option + J Mac rendszeren)

Ne feledje, hogy ugyanazok a hivatkozások használhatók a konzol elrejtésére is. Alapértelmezés szerint a Google Chrome konzolja pontosan a képernyő felét tölti be, de az arányt könnyen beállíthatja a középső csúszkán keresztül, és a böngésző a konzol következő megnyitásakor emlékezni fog a módosításra.

Ha egy adott elemre kíván összpontosítani, egyszerűen kiemelheti az egérrel, majd kattintson rá a jobb gombbal> Ellenőrizze. Ez megnyitja a Elemek fül és Stílusok fülre, amely lehetővé teszi, hogy a kéznél lévő elemre összpontosítson.

Elem ellenőrzése a Google Chrome konzoljával

A konzolt azonban a Google Chrome GUI menüjéből is elérheti. Ehhez egyszerűen kattintson a jobb felső sarokban található művelet gombra, és lépjen a következőre: További eszközök> Fejlesztői eszközök .

Fejlesztői eszközök

Ha a lehető leghatékonyabban szeretne dolgozni, íme egy lista Chrome konzol parancsikonok hogy használhatja.

A konzol megnyitása a Google Microsoft Edge webhelyen

Mint minden más böngésző, Microsoft Edge rendelkezik egy Console eszközzel, amely interaktív hibakeresést vagy eseti tesztelést végző fejlesztők számára készült.

Ez az eszköz naplózza a felkeresett weboldalhoz tartozó információkat. Megtalálja a Javascript, a hálózati kérelmek és a kapcsolódó információkat biztonsági hibák .

A konzoleszköz megnyitása a Microsoft Edge-n keresztül az előre definiált parancsikon ( F12 kulcs ).

De a GUI menüben is megteheti, ha a gombra kattint művelet gomb (bal felső sarokban)> További eszközök> Fejlesztői eszközök .

A fejlesztői eszközök megnyitása az Edge-en a GUI menüből

És hasonlóan a többi böngésző funkcióihoz, a Microsoft Edge lehetővé teszi bizonyos elemek ellenőrzését a beépített konzol használatával. Ehhez egyszerűen jelölje ki és kattintson a jobb gombbal egy elemre, majd válassza a lehetőséget Elem vizsgálata.

Elem ellenőrzése a Microsoft Edge-n

Az alábbiakban felsorol néhány hasznos parancsikont, amelyeket a Microsoft Edge beépített konzolján használhat:

A konzol megnyitása a Mozilla Firefox böngészőben

A Mozilla Firefox beépített konzolja kicsit másképp működik, mint a többi ekvivalens, amelyet eddig elemeztünk. Úgy értem, hogy automatikusan önálló ablakban nyílik meg, ahelyett, hogy a böngésző képernyőjét felére osztaná.

Ez lehetővé teszi a produktívabb megközelítést a második képernyővel rendelkező emberek számára, de akadályozhatja azokat a felhasználókat, akiknek egy kis képernyőn kell dolgozniuk. (Ha ebben a helyzetben van, az Alt + Tab parancsikon segítségével előre-hátra mozoghat a Firefox és a kapcsolódó böngészőkonzol között.

A beépített böngésző konzol megnyitásához a Mozilla Firefox böngészőben három lehetőség közül választhat:

• Vagy használhatja az univerzális parancsikont - Ctrl + Shift + J (vagy Cmd + Shift + J Mac-en)
• Megnyithatja a művelet menüből - Kattintson a művelet menüre> Webfejlesztő> Böngésző konzol .

Hozzáférés a böngésző konzolhoz

• Vagy kényszerítheti a böngészőkonzolt közvetlenül a megnyitásra úgy, hogy elindítja a Firefox parancssort és átadja a „-jsconsole” argumentumot:

  /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole

Jegyzet: A Firefox tartalmazza a Webkonzol , amely nagyon hasonlít a Böngésző konzolhoz, de egyetlen tartalom fülön alkalmazzák, nem pedig az egész böngészőn.

A konzol megnyitása a Google Safari webhelyen

Ellentétben minden más böngészővel, amelyet eddig megnéztünk, a Safari hibakonzolja alapértelmezés szerint le van tiltva. Emiatt további lépéseket kell tennie annak érdekében, hogy engedélyezze a böngészőben.

Ehhez nyissa meg a Safari alkalmazást, és kattintson a gombra preferenciák fülre. Ha már bent van a preferenciák fülre, kattintson a Speciális fülre, és jelölje be a következőhöz tartozó négyzetet A Fejlesztés megjelenítése menü a menüsorban.

A konzol engedélyezése a Safari-n

Most, hogy láthatóvá tette a konzolt, megnyithatja a Fejleszteni fülre, és kattintson a gombra Hiba konzol megjelenítése .

Hiba konzol megjelenítése a Safari-n

Tartsd észben, hogy Szafari dinamikus módon jeleníti meg a hibakonzolt. Ha az ablak kicsi, amikor kinyitja a konzolt, akkor egy teljesen más ablakban látja.

Ha a konzolt ugyanabban az ablakban szeretné megnyitni, mint az oldala, akkor a Hiba konzol megnyitása előtt meg kell győződnie arról, hogy a böngésző ablaka teljes méretű.

A Hibakonzol megnyitása a Safari böngészőben