Cum se deschide consola de browser pe Chrome, Safari, Firefox și Edge

Cel mai frecvent motiv pentru care utilizatorii doresc să-și deschidă consola de browser este acela de a identifica problemele legate de editarea paginilor, elemente de interfață defecte, blocaje care nu se comportă corect și alte tipuri de erori și conflicte JavaScript. Cu toate acestea, fiecare browser are propriile comenzi rapide și pași care vă vor permite în cele din urmă să deschideți consola și să vedeți back-end-ul unei pagini web pe care o vizitați.

Cum să deschideți consola în browserul dvs. implicit

Deoarece există doar patru browsere diferite cu o cotă de piață de peste 5% (Chrome, Safari, Edge și Firefox), vă vom arăta mai multe moduri de a deschide consola pe fiecare dintre ele. Dar rețineți că, cu fiecare browser, elementele și erorile sunt, în general, codificate în culori și etichetate diferit.

Cum se deschide consola pe Google Chrome

Pe Chrome, există de fapt trei moduri diferite care vă vor permite să deschideți consola încorporată.

Indiferent de versiunea Chrome pe care o utilizați, puteți utiliza una dintre aceste comenzi rapide pentru a deschide și închide consola încorporată:

• F12
• Ctrl + Shift + J (Cmd + Opțiune + J pe Mac)

Rețineți că aceleași comenzi rapide pot fi folosite și pentru a ascunde consola. În mod implicit, consola Google Chrome ocupă exact jumătate din ecran, dar puteți regla cu ușurință raportul prin glisorul din mijloc, iar browserul își va aminti modificarea data viitoare când deschideți consola.

Dacă doriți să vă concentrați asupra unui anumit element, îl puteți evidenția pur și simplu cu mouse-ul și apoi faceți clic dreapta pe el> Inspecta. Aceasta va deschide fișierul Elemente filă și Stiluri fila consolei, permițându-vă să vă concentrați asupra elementului la îndemână.

Inspectarea unui element cu Consola Google Chrome

Cu toate acestea, puteți accesa și consola prin meniul GUI al Google Chrome. Pentru a face acest lucru, pur și simplu faceți clic pe butonul de acțiune din colțul din dreapta sus și accesați Mai multe instrumente> Instrumente pentru dezvoltatori .

Instrumente de dezvoltare

Dacă doriți să lucrați cât mai eficient posibil, iată o listă de Comenzi rapide pentru Consola Chrome pe care le poți folosi.

Cum se deschide consola pe Google Microsoft Edge

Ca orice alt browser, Microsoft Edge are, de asemenea, un instrument Console destinat dezvoltatorilor care efectuează depanare interactivă sau testare ad hoc.

Acest instrument înregistrează informații asociate cu pagina web care este vizitată. Veți găsi informații legate de Javascript, solicitări de rețea și erori de securitate .

Modul ușor de deschidere a Console Tool pe Microsoft Edge este prin utilizarea comenzii rapide predefinite ( Tasta F12 ).

Dar o puteți face și prin meniul GUI făcând clic pe butonul de acțiune (colțul din stânga sus)> Mai multe instrumente> Instrumente pentru dezvoltatori .

Deschiderea instrumentelor pentru dezvoltatori de pe Edge prin meniul GUI

Și similar funcționalității celorlalte browsere, Microsoft Edge vă permite, de asemenea, să inspectați anumite elemente folosind consola încorporată. Pentru a face acest lucru, pur și simplu selectați și faceți clic dreapta pe un element și alegeți Inspectează elementul.

Inspectarea unui element pe Microsoft Edge

Iată o listă cu câteva comenzi rapide utile pe care le puteți utiliza în consola încorporată a Microsoft Edge:

Cum se deschide consola pe Mozilla Firefox

Consola încorporată de pe Mozilla Firefox funcționează puțin diferit de celelalte echivalente pe care le-am analizat până acum. Ceea ce vreau să spun prin aceasta este că se va deschide automat într-o fereastră independentă, mai degrabă decât să împartă ecranul browserului în jumătate.

Acest lucru permite o abordare mai productivă pentru persoanele cu al doilea ecran, dar ar putea împiedica utilizatorii care trebuie să lucreze cu un singur ecran mic. (Dacă vă aflați în acest scenariu, puteți utiliza comanda rapidă Alt + Tab pentru a merge înapoi și înapoi între Firefox și consola de browser asociată.

Pentru a deschide consola de browser integrată pe Mozilla Firefox, aveți trei opțiuni:

• Puteți utiliza comanda rapidă universală - Ctrl + Shift + J (sau Cmd + Shift + J pe un Mac)
• Îl puteți deschide din meniul de acțiune - Dând clic pe meniul de acțiune> Dezvoltator web> Consola pentru browser .

Accesarea consolei browserului

• Sau puteți forța Browser Console să se deschidă direct lansând Firefox din linia de comandă și trecând argumentul „-jsconsole”:

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

Notă: Firefox include, de asemenea, un Consola web , care este foarte asemănător cu consola Browser, dar se aplică pe o singură filă de conținut, mai degrabă decât pe întregul browser.

Cum se deschide consola pe Google Safari

Spre deosebire de orice alt browser pe care l-am analizat până acum, Consola de erori de pe Safari este dezactivată în mod implicit. Din acest motiv, va trebui să faceți un pas suplimentar pentru a-l activa în browserul dvs.

Pentru a face acest lucru, deschideți Safari și faceți clic pe Preferințe filă. Odată ce te afli în Preferințe , faceți clic pe fila Advanced și bifați caseta asociată Arată Dezvoltare meniul din bara de meniu.

Activarea consolei pe Safari

Acum că ați făcut vizibilă Consola, o puteți deschide accesând Dezvolta fila din partea de sus și făcând clic pe Afișați Consola de erori .

Afișați Consola de erori pe Safari

Ține minte că Safari are un mod dinamic de afișare a consolei de erori. Dacă fereastra este mică când deschideți consola, o veți vedea într-o fereastră complet diferită.

În cazul în care doriți să deschideți consola în aceeași fereastră ca pagina dvs., va trebui să vă asigurați că fereastra browserului este de dimensiuni complete înainte de a deschide consola de erori.

Deschiderea Consolei de erori pe Safari