Ako otvoriť konzolu prehliadača v prehliadačoch Chrome, Safari, Firefox a Edge

Najbežnejším dôvodom, prečo chcú používatelia otvoriť konzolu prehľadávača, je identifikácia problémov s úpravami stránky, nefunkčných prvkov rozhrania, nesprávneho fungovania blokov a iných typov chýb a konfliktov JavaScript. Každý prehliadač má však svoje vlastné skratky a kroky, ktoré vám v konečnom dôsledku umožnia otvoriť konzolu a vidieť zadný koniec navštívenej webovej stránky.

Ako otvoriť konzolu vo vašom predvolenom prehliadači

Pretože existujú iba štyri rôzne prehliadače s viac ako 5% podielom na trhu (Chrome, Safari, Edge a Firefox), ukážeme vám niekoľko spôsobov otvorenia konzoly v každom z nich. Nezabúdajte však, že v každom prehliadači sú prvky a chyby zvyčajne farebne odlíšené a označené inak.

Ako otvoriť konzolu v prehliadači Google Chrome

V prehliadači Chrome existujú vlastne tri rôzne spôsoby, ktoré vám umožnia otvoriť vstavanú konzolu.

Bez ohľadu na zostavenie prehliadača Chrome, ktoré používate, môžete na otvorenie a zatvorenie zabudovanej konzoly použiť jednu z týchto skratiek:

• F12
• Ctrl + Shift + J (Cmd + Option + J v systéme Mac)

Nezabudnite, že rovnaké skratky možno použiť aj na skrytie konzoly. Konzola prehliadača Google Chrome predvolene zaberá presne polovicu obrazovky, ale pomer môžete ľahko upraviť pomocou posúvača v strede a prehliadač si úpravu zapamätá pri ďalšom otvorení konzoly.

Ak sa chcete zamerať na konkrétny prvok, môžete ho jednoducho zvýrazniť pomocou myši a potom naň kliknúť pravým tlačidlom myši> Skontrolujte. Tým sa otvorí Prvky karta a Štýly na karte konzoly, čo vám umožní zamerať sa na daný prvok.

Kontrola prvku pomocou konzoly Google Chrome

Na konzolu sa však môžete dostať aj prostredníctvom ponuky grafického používateľského rozhrania prehliadača Google Chrome. Stačí kliknúť na akčné tlačidlo v pravom hornom rohu a prejsť na Viac nástrojov> Nástroje pre vývojárov .

Nástroje pre vývojárov

Ak sa snažíte pracovať čo najefektívnejšie, tu je zoznam Skratky pre Chrome Console ktoré môžete použiť.

Ako otvoriť konzolu v aplikácii Google Microsoft Edge

Rovnako ako každý iný prehliadač, Microsoft Edge má tiež nástroj Console určený pre vývojárov vykonávajúcich interaktívne ladenie alebo testovanie ad hoc.

Tento nástroj zaznamenáva informácie spojené s navštívenou webovou stránkou. Nájdete informácie týkajúce sa Javascriptov, sieťových požiadaviek a bezpečnostné chyby .

Nástroj Console Tool v aplikácii Microsoft Edge sa dá ľahko otvoriť pomocou preddefinovanej skratky ( Kľúč F12 ).

Môžete to však urobiť aj prostredníctvom ponuky grafického používateľského rozhrania kliknutím na ikonu akčné tlačidlo (v ľavom hornom rohu)> Ďalšie nástroje> Nástroje pre vývojárov .

Otvorenie vývojárskych nástrojov na Edge prostredníctvom ponuky grafického používateľského rozhrania

A podobne ako v iných prehliadačoch, aj Microsoft Edge vám umožňuje kontrolovať konkrétne prvky pomocou vstavanej konzoly. Ak to chcete urobiť, jednoducho vyberte prvok, kliknite naň pravým tlačidlom myši a vyberte ho Preskúmať prvok.

Kontrola prvku v aplikácii Microsoft Edge

Tu je zoznam niektorých užitočných skratiek, ktoré môžete použiť vo vstavanej konzole aplikácie Microsoft Edge:

Ako otvoriť konzolu v prehliadači Mozilla Firefox

Vstavaná konzola v prehliadači Mozilla Firefox funguje trochu inak ako ostatné ekvivalenty, ktoré sme doteraz analyzovali. Chcem tým povedať, že sa automaticky otvorí v samostatnom okne, a nie rozdelí obrazovku prehľadávača na polovicu.

Toto umožňuje produktívnejší prístup pre ľudí s druhou obrazovkou, ale môže prekážať používateľom, ktorí musia pracovať s jednou malou obrazovkou. (Ak sa nachádzate v tomto scenári, môžete pomocou klávesovej skratky Alt + Tab prechádzať medzi prehliadačom Firefox a príslušnou konzolou prehliadača.

Konzolu zabudovaného prehľadávača v prehliadači Mozilla Firefox môžete otvoriť pomocou troch možností:

• Môžete použiť univerzálnu skratku - Ctrl + Shift + J (alebo Cmd + Shift + J na počítači Mac)
• Môžete ju otvoriť z ponuky akcií - kliknutím na ponuku akcií> Webový vývojár> Konzola prehliadača .

Prístup k konzole prehliadača

• Alebo môžete vynútiť otvorenie konzoly prehliadača priamo spustením prehliadača Firefox z príkazového riadku a zadaním argumentu „-jsconsole“:

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

Poznámka: Firefox tiež obsahuje a Webová konzola , ktorý je veľmi podobný konzole prehliadača, ale používa sa na jednej karte obsahu a nie v celom prehliadači.

Ako otvoriť konzolu v prehliadači Google Safari

Na rozdiel od všetkých ostatných prehľadávačov, ktoré sme doposiaľ skúmali, je chybová konzola v prehliadači Safari predvolene zakázaná. Z tohto dôvodu budete musieť urobiť ďalší krok, aby ste ho povolili vo svojom prehliadači.

Ak to chcete urobiť, otvorte Safari a kliknite na ikonu Predvoľby tab. Akonáhle ste vo vnútri Predvoľby kliknite na kartu Spresnenie a začiarknite políčko spojené s Zobraziť vývoj ponuka na paneli s ponukami.

Povolenie konzoly v prehliadači Safari

Teraz, keď ste konzolu zviditeľnili, môžete ju otvoriť pomocou prístupu k Rozvíjať kartu v hornej časti a kliknutie na Zobraziť chybovú konzolu .

Zobraziť chybovú konzolu v prehliadači Safari

Pamätajte na to Safari má dynamický spôsob zobrazenia chybovej konzoly. Ak je okno pri otvorení konzoly malé, uvidíte ho v úplne inom okne.

Ak chcete konzolu otvoriť v rovnakom okne ako vaša stránka, musíte pred otvorením konzoly Error skontrolovať, či je okno prehliadača v plnej veľkosti.

Otvorenie chybové konzoly v prehliadači Safari