Slik åpner du nettleserkonsollen på Chrome, Safari, Firefox og Edge

Den vanligste grunnen til at brukere vil åpne nettleserkonsollen sin, er å identifisere problemer med sideredigering, ødelagte grensesnittelementer, feil oppførsel av blokkeringer og andre typer JavaScripts-feil og konflikter. Imidlertid har hver nettleser sine egne snarveier og trinn som til slutt lar deg åpne konsollen og se baksiden av en webside du besøker.

Siden det bare er fire forskjellige nettlesere med over 5% markedsandel (Chrome, Safari, Edge og Firefox), vil vi vise deg flere måter å åpne konsollen på hver av dem. Men husk at for hver nettleser er elementene og feilene vanligvis fargekodet og merket annerledes.

Hvordan åpne konsollen på Google Chrome

På Chrome er det faktisk tre forskjellige måter som lar deg åpne den innebygde konsollen.

Uavhengig av Chrome-bygningen du bruker, kan du bruke en av disse snarveiene til å åpne og lukke den innebygde konsollen:

• F12
• Ctrl + Shift + J (Cmd + Option + J på Mac)

Husk at de samme snarveiene også kan brukes til å skjule konsollen. Som standard tar konsollen til Google Chrome nøyaktig halvparten av skjermen, men du kan enkelt justere forholdet via glidebryteren på midten, og nettleseren vil huske endringen neste gang du åpner konsollen.

Hvis du vil fokusere på et bestemt element, kan du bare markere det med musen og deretter høyreklikke på det> Undersøke. Dette vil åpne opp Elementer fanen og Stiler på konsollen, slik at du kan fokusere på elementet som er tilgjengelig.

Du kan imidlertid også få tilgang til konsollen via GUI-menyen i Google Chrome. For å gjøre dette, klikker du bare på handlingsknappen øverst til høyre og går til Flere verktøy> Utviklerverktøy.

Hvis du ønsker å jobbe så effektivt som mulig, er her en liste over Chrome Console-snarveier du kan bruke.

Hvordan åpne konsollen på Google Microsoft Edge

Som alle andre nettlesere har Microsoft Edge også et konsollverktøy ment for utviklere som gjør interaktiv feilsøking eller ad hoc-testing.

Dette verktøyet logger informasjon tilknyttet nettsiden som besøkes. Du finner informasjon relatert til Javascript, nettverksforespørsler og sikkerhetsfeil.

Den enkle måten å åpne konsollverktøyet på Microsoft Edge er ved å bruke den forhåndsdefinerte snarveien (F12-nøkkel).

Men du kan også gjøre det via GUI-menyen ved å klikke på handlingsknapp (øverst til venstre)> Flere verktøy> Utviklerverktøy.

Og i likhet med funksjonaliteten i de andre nettleserne, lar Microsoft Edge deg også inspisere spesifikke elementer ved hjelp av den innebygde konsollen. For å gjøre dette, velg og høyreklikk bare på et element og velg Inspisér element.

Her er en liste med noen nyttige snarveier som du kan bruke i den innebygde konsollen til Microsoft Edge:

Hvordan åpne konsollen på Mozilla Firefox

Den innebygde konsollen på Mozilla Firefox fungerer litt annerledes enn de andre ekvivalenter som vi har analysert så langt. Det jeg mener med dette er at det automatisk åpnes i et frittstående vindu, i stedet for å dele nettleserskjermen i to.

Dette gir en mer produktiv tilnærming for personer med andre skjermer, men kan komme i veien for brukere som trenger å jobbe med en liten skjerm. (Hvis du er i dette scenariet, kan du bruke snarveien Alt + Tab for å bla frem og tilbake mellom Firefox og den tilknyttede nettleserkonsollen.

For å åpne den innebygde nettleserkonsollen på Mozilla Firefox har du tre alternativer:

• Du kan enten bruke den universelle snarveien - Ctrl + Skift + J (eller Cmd + Shift + J på en Mac)
• Du kan åpne den fra handlingsmenyen - Ved å klikke på handlingsmenyen> Nettutvikler> Nettleserkonsoll.

• Eller du kan tvinge nettleserkonsollen til å åpne direkte ved å starte Firefox fra kommandolinjen og sende argumentet ‘-jsconsole’:

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

Merk: Firefox inkluderer også en nettkonsoll, som er veldig lik nettleserkonsollen, men den brukes på en enkelt innholdsfane i stedet for på hele nettleseren.

Hvordan åpne konsollen på Google Safari

I motsetning til alle andre nettlesere som vi har sett på så langt, er Feilkonsollen på Safari deaktivert som standard. På grunn av dette må du gjøre et ekstra trinn for å aktivere det i nettleseren din.

For å gjøre dette, åpne Safari og klikk på Preferanser fanen. Når du er inne i Preferanser klikker du på kategorien Avansert og merker av i boksen som er tilknyttet Vis Utvikle menyen i menylinjen.

Nå som du har synliggjort konsollen, kan du åpne den ved å gå til Utvikle kategorien øverst og klikke på Vis feilkonsoll.

Husk at Safari har en dynamisk måte å vise feilkonsollen på. Hvis vinduet er lite når du åpner konsollen, vil du se det i et helt annet vindu.

I tilfelle du vil åpne konsollen i samme vindu som siden din, må du sørge for at nettleservinduet er i full størrelse før du åpner feilkonsollen.