Utviklerverktøy
Alle moderne nettlesere har innebygde utviklerverktøy (DevTools) som hjelper deg med å teste og feilsøke koden din.
Åpne utviklerverktøy
| Metode | Windows/Linux | Mac |
|---|---|---|
| Tastatur | F12 |
Cmd + Option + I |
| Høyreklikk | Høyreklikk → "Inspiser" | Høyreklikk → "Inspiser" |
Console
Console er der du ser output fra console.log() og feilmeldinger.
Du kan også skrive JavaScript direkte i konsollen for å teste:
console.log("Hei!"); // Vanlig melding
console.error("Noe gikk galt"); // Feilmelding (rød)
console.table([1, 2, 3]); // Vis som tabell
Tip
Når koden din ikke fungerer, sjekk alltid konsollen først. Feilmeldinger vises her i rødt.
Elements
Elements-fanen viser HTML-strukturen på siden. Her kan du:
- Se hele HTML-koden
- Klikke på et element for å se CSS-en som er brukt
- Midlertidig endre HTML og CSS direkte i nettleseren
Tips
- Endringer du gjør i utviklerverktøyene er midlertidige - de forsvinner når du laster siden på nytt
- Bruk
console.log()for å sjekke verdier underveis i koden - Røde feilmeldinger i konsollen forteller deg hva som gikk galt og på hvilken linje