Den mest almindelige årsag til, at brugerne ønsker at åbne deres browserkonsol, er at identificere problemer med side redigering, ødelagte grænsefladeelementer, forkert opførsel af blokke og andre typer JavaScripts fejl og konflikter. Hver browser har dog sine egne genveje og trin, der i sidste ende giver dig mulighed for at åbne konsollen og se bagsiden af en webside, du besøger.
Sådan åbnes konsollen i din standardbrowser
Da der kun er fire forskellige browsere med over 5% markedsandel (Chrome, Safari, Edge og Firefox), viser vi dig flere måder at åbne konsollen på hver af dem. Men husk at for hver browser er elementerne og fejlene generelt farvekodede og mærket forskelligt.
Sådan åbnes konsollen i Google Chrome
På Chrome er der faktisk tre forskellige måder, der giver dig mulighed for at åbne den indbyggede konsol.
Uanset den Chrome-build, du bruger, kan du bruge en af disse genveje til at åbne og lukke den indbyggede konsol:
- F12
- Ctrl + Shift + J (Cmd + Option + J på Mac)
Husk, at de samme genveje også kan bruges til at skjule konsollen. Som standard tager konsollen i Google Chrome nøjagtigt halvdelen af skærmen, men du kan nemt justere forholdet via skyderen på midten, og browseren husker ændringen, næste gang du åbner konsollen.
Hvis du vil fokusere på et bestemt element, kan du blot fremhæve det med musen og derefter højreklikke på det> Inspicere. Dette åbner op for Elementer fanen og Stilarter fanen på konsollen, så du kan fokusere på det aktuelle element.
Inspektion af et element med Google Chromes konsol
Du kan dog også få adgang til konsollen via GUI-menuen i Google Chrome. For at gøre dette skal du blot klikke på handlingsknappen i øverste højre hjørne og gå til Flere værktøjer> Udviklerværktøjer .
Udvikler værktøjer
Hvis du ønsker at arbejde så effektivt som muligt, er her en liste over Genveje til Chrome-konsol som du kan bruge.
Sådan åbnes konsollen på Google Microsoft Edge
Som enhver anden browser, Microsoft Edge har også et konsolværktøj beregnet til udviklere, der foretager interaktiv fejlretning eller ad hoc-test.
Dette værktøj logger oplysninger tilknyttet den webside, der bliver besøgt. Du finder oplysninger relateret til Javascript, netværksanmodninger og sikkerhedsfejl .
Den nemme måde at åbne konsolværktøjet på Microsoft Edge på er ved hjælp af den foruddefinerede genvej ( F12-nøgle ).
Men du kan også gøre det via GUI-menuen ved at klikke på handlingsknap (øverste venstre hjørne)> Flere værktøjer> Udviklerværktøjer .
Åbning af udviklerværktøjerne på Edge via GUI-menuen
Og i lighed med funktionaliteten i de andre browsere giver Microsoft Edge dig også mulighed for at inspicere specifikke elementer ved hjælp af den indbyggede konsol. For at gøre dette skal du blot vælge og højreklikke på et element og vælge Undersøg elementet.
Inspektion af et element på Microsoft Edge
Her er en liste med nogle nyttige genveje, som du kan bruge i den indbyggede konsol i Microsoft Edge:
| Start af konsollen i fokustilstand | Ctrl + Flytte + J |
| Skifter til konsollen | Ctrl + 2 |
| Vis eller skjul konsollen fra en anden DevTools-fane | Ctrl + `` (tilbage kryds) |
| Udfør (kommando med en linje) | Gå ind |
| Linjeskift uden at udføre (multi-line kommando) | Flytte + Gå ind eller Ctrl + Gå ind |
| Ryd konsollen for alle meddelelser | Ctrl + L |
| Filtrer logfiler (sæt fokus til søgefelt) | Ctrl + F |
| Accepter forslag om automatisk udfyldelse (når du er i fokus) | Gå ind eller Tab |
| Forrige / næste forslag til automatisk afslutning | Pil op / Pil ned |
Sådan åbnes konsollen på Mozilla Firefox
Den indbyggede konsol på Mozilla Firefox fungerer lidt anderledes end de andre ækvivalenter, som vi hidtil har analyseret. Hvad jeg mener med dette er, at det automatisk åbnes i et enkeltstående vindue i stedet for at opdele din browserskærm i halvdelen.
Dette giver mulighed for en mere produktiv tilgang for mennesker med anden skærm, men kan komme i vejen for brugere, der har brug for at arbejde med en lille skærm. (Hvis du er i dette scenarie, kan du bruge genvejstasten Alt + Tab til at cykle frem og tilbage mellem Firefox og den tilknyttede browserkonsol.
For at åbne den indbyggede browserkonsol på Mozilla Firefox har du tre muligheder:
- Du kan enten bruge den universelle genvej - Ctrl + Skift + J (eller Cmd + Skift + J på en Mac)
- Du kan åbne den fra handlingsmenuen - Ved at klikke på handlingsmenuen> Webudvikler> Browser-konsol .
Adgang til browserkonsollen
- Eller du kan tvinge browserkonsollen til at åbne direkte ved at starte Firefox fra kommandolinjen og videregive argumentet '-jsconsole':
/Applikationer/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
Bemærk: Firefox inkluderer også en Webkonsol , der minder meget om browserkonsollen, men den anvendes på en enkelt indholdsfane snarere end på hele browseren.
Sådan åbnes konsollen på Google Safari
I modsætning til enhver anden browser, som vi hidtil har set på, er Fejlkonsollen på Safari som standard deaktiveret. På grund af dette skal du udføre et ekstra trin for at aktivere det i din browser.
For at gøre dette skal du åbne Safari og klikke på Præferencer fanen. Når du er inde i Præferencer skal du klikke på fanen Avanceret og markere det felt, der er knyttet til Vis Udvikling menu i menulinjen.
Aktivering af konsollen på Safari
Nu hvor du har gjort konsollen synlig, kan du åbne den ved at åbne Udvikle fanen øverst og klikke på Vis fejlkonsol .
Vis fejlkonsol på Safari
Husk det Safari har en dynamisk måde at vise fejlkonsollen på. Hvis vinduet er lille, når du åbner konsollen, vil du se det i et helt andet vindue.
Hvis du vil åbne konsollen i samme vindue som din side, skal du sikre dig, at browservinduet er i fuld størrelse, før du åbner fejlkonsollen.
Åbning af fejlkonsollen på Safari
Mærker Windows 4 minutter læst
