Kako otvoriti konzolu preglednika na Chromeu, Safariju, Firefoxu i Edgeu

Kako otvoriti konzolu preglednika na Chromeu, Safariju, Firefoxu i Edgeu

How Open Browser Console Chrome

Najčešći razlog zašto korisnici žele otvoriti svoju konzolu preglednika je identificiranje problema s uređivanjem stranica, pokvarenih elemenata sučelja, neispravnih blokova i drugih vrsta pogrešaka i sukoba JavaScripts. Međutim, svaki preglednik ima svoje prečace i korake koji će vam u konačnici omogućiti da otvorite konzolu i vidite pozadinu web stranice koju posjetite.



Kako otvoriti konzolu na zadanom pregledniku



Budući da postoje samo četiri različita preglednika s preko 5% tržišnog udjela (Chrome, Safari, Edge i Firefox), pokazat ćemo vam više načina otvaranja konzole na svakom od njih. Ali imajte na umu da su elementi i pogreške kod svakog preglednika uglavnom označeni bojom i različito označeni.

Kako otvoriti konzolu na Google Chromeu

Na Chromeu postoje zapravo tri različita načina koja će vam omogućiti otvaranje ugrađene konzole.



Bez obzira na Chromeovu izradu koju koristite, možete upotrijebiti jedan od ovih prečaca za otvaranje i zatvaranje ugrađene konzole:

  • F12
  • Ctrl + Shift + J (Cmd + Option + J na Macu)

Imajte na umu da se isti prečaci mogu koristiti i za skrivanje konzole. Prema zadanim postavkama, konzola preglednika Google Chrome zauzima točno polovicu zaslona, ​​ali omjer možete lako prilagoditi pomoću klizača na sredini i preglednik će se sjetiti promjene pri sljedećem otvaranju konzole.

Ako se želite usredotočiti na određeni element, možete ga jednostavno označiti mišem, a zatim desnom tipkom miša kliknuti na njega> Pregledati. Ovo će otvoriti Elementi tab i Stilovi karticu konzole, što vam omogućuje da se usredotočite na element koji je pri ruci.



Pregled elementa pomoću konzole Google Chrome

Međutim, konzoli možete pristupiti i putem GUI izbornika Google Chromea. Da biste to učinili, jednostavno kliknite gumb akcije u gornjem desnom kutu i idite na Više alata> Alati za programere .

Razvojni alati

Ako želite raditi što učinkovitije, evo popisa Prečaci Chrome konzole koje možete koristiti.

Kako otvoriti konzolu na Google Microsoft Edgeu

Kao i svaki drugi preglednik, Microsoft Edge također ima alat Console namijenjen programerima koji rade interaktivno ispravljanje pogrešaka ili ad hoc testiranje.

Ovaj alat bilježi podatke povezane s web stranicom koja se posjećuje. Pronaći ćete informacije povezane s Javascriptom, mrežnim zahtjevima i sigurnosne pogreške .

Jednostavan način otvaranja alata Console Tool na Microsoft Edge je korištenjem unaprijed definirane prečice ( Tipka F12 ).

Ali to možete učiniti i putem GUI izbornika klikom na gumb za akciju (gornji lijevi kut)> Više alata> Alati za programere .

Otvaranje alata za programere na Edgeu putem GUI izbornika

I slično funkcijama u ostalim preglednicima, Microsoft Edge također vam omogućuje pregled određenih elemenata pomoću ugrađene konzole. Da biste to učinili, jednostavno odaberite i desnom tipkom miša kliknite element i odaberite Pregledajte element.

Pregled elementa na Microsoft Edgeu

Evo popisa s nekoliko korisnih prečaca koje možete koristiti unutar ugrađene konzole Microsoft Edge:

Pokretanje konzole u načinu fokusa Ctrl + Shift + J
Prebacivanje na konzolu Ctrl + 2
Prikažite ili sakrijte konzolu s druge kartice DevTools Ctrl + `` (stražnja oznaka)
Izvrši (naredba u jednom retku) Unesi
Prijelom retka bez izvršenja (naredba s više linija) Shift + Unesi ili Ctrl + Unesi
Očistite konzolu svih poruka Ctrl + L
Dnevnici filtriranja (postavite fokus na okvir za pretraživanje) Ctrl + F
Prihvatite prijedlog za automatsko dovršavanje (kada je u fokusu) Unesi ili Tab
Prethodni / sljedeći prijedlog za automatsko dovršavanje Tipka sa strelicom prema gore / Tipka sa strelicom prema dolje

Kako otvoriti konzolu na Mozilla Firefoxu

Ugrađena konzola na Mozilla Firefoxu djeluje malo drugačije od ostalih ekvivalenata koje smo do sada analizirali. Pod tim mislim da će se automatski otvoriti u samostalnom prozoru, umjesto da zaslon vašeg preglednika podijeli na pola.

To omogućuje produktivniji pristup za ljude s drugim zaslonima, ali možda će ometati korisnike koji trebaju raditi s jednim malim zaslonom. (Ako ste u ovom scenariju, prečicom Alt + Tab možete se kretati naprijed-natrag između Firefoxa i povezane konzole preglednika.

Da biste otvorili ugrađenu konzolu preglednika na Mozilla Firefoxu, imate tri mogućnosti:

  • Možete koristiti univerzalni prečac - Ctrl + Shift + J (ili Cmd + Shift + J na Macu)
  • Možete ga otvoriti iz izbornika radnji - Klikom na izbornik radnji> Web programer> Konzola preglednika .

Pristup konzoli preglednika

  • Ili možete prisiliti otvaranje konzole preglednika izravno pokretanjem Firefoxa iz naredbenog retka i prosljeđivanjem argumenta ‘-jsconsole’:
    /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole

Bilješka: Firefox također uključuje i Web konzola , koji je vrlo sličan konzoli preglednika, ali se primjenjuje na jednoj kartici sadržaja, a ne na cijelom pregledniku.

Kako otvoriti konzolu na Google Safariju

Za razliku od svih ostalih preglednika koje smo do sada pogledali, Konzola pogrešaka u Safariju je prema zadanim postavkama onemogućena. Zbog toga ćete morati napraviti dodatni korak kako biste ga omogućili u svom pregledniku.

Da biste to učinili, otvorite Safari i kliknite na Postavke tab. Jednom kad uđete u Postavke karticu, kliknite karticu Napredno i potvrdite okvir povezan sa Prikaži Razvij izbornik u traci izbornika.

Omogućavanje konzole na Safariju

Sad kad ste Konzolu učinili vidljivom, možete je otvoriti pristupom na Razviti na vrhu i kliknite na Prikaži konzolu pogrešaka .

Prikaži konzolu pogrešaka na Safariju

Imajte na umu da Safari ima dinamičan način prikazivanja konzole za pogreške. Ako je prozor mali kada otvorite konzolu, vidjet ćete ga u potpuno drugom prozoru.

U slučaju da želite otvoriti konzolu u istom prozoru kao i vaša stranica, prije otvaranja konzole za pogreške morat ćete osigurati da je prozor preglednika pune veličine.

Otvaranje konzole za pogreške u Safariju

Oznake Windows 4 minute čitanja