JavaScript Debugging

Fejl opstår altid, når du skriver ny computerkode.

JavaScript Debugging

Det er svært at skrive JavaScript uden debugger.

Der kan være syntaksfejl eller logiske fejl i din kode, som er svære at diagnosticere.

Normalt sker der ikke noget, hvis JavaScript-koden indeholder fejl. Der vil ikke være nogen fejlmeddelelser, og der vil ikke være nogen indikationer på, hvor fejlen kan findes.

Normalt opstår der fejl, når du forsøger at skrive nyt JavaScript-kode.

JavaScript-debugger

At finde fejl i programmeringskode kaldes kode-debugging.

Debugging er ikke simpelt. Heldigvis har alle moderne browsere indbyggede debuggere.

Indbyggede debuggere kan åbnes eller lukkes og tvunget til at rapportere fejl til brugeren.

Ved hjælp af debuggeren kan du også sætte breakpoints (stoppingpunkter i kodeudførelsen) og tjekke variabler under kodeudførelse.

Normalt startes browserens debugger ved at trykke F12, og derefter vælger du "Console" i debuggerens menu.

console.log() metoden

Hvis din browser understøtter debugging, kan du bruge console.log() Vis JavaScript's værdi i debugging-vinduet:

eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Prøv det selv

Tip:Besøg vores JavaScript Console Reference Manual for mere information om console.log() metoden.

Sæt breakpoint

I debugging-vinduet kan du sætte breakpoints i JavaScript-koden.

JavaScript stopper ved hver breakpoint, så du kan tjekke JavaScript's værdier.

Efter at have tjekket værdierne kan du genoptage kodeudførelsen.

debugger-nøgleordet

debugger Nøgleordene stopper JavaScript's udførelse og kalder (hvis tilgængelig) debugging-funktionen.

Dette fungerer på samme måde som at sætte en breakpoint i debuggeren.

Hvis debuggeren ikke er tilgængelig,debugger Udsagnet har ingen effekt.

Hvis debuggeren er åben, vil denne kode stoppe med at køre før tredje linje.

eksempel

var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;

Prøv det selv

Fejlfindingstools i populære browsere

Normalt aktiverer du fejlfinding ved at trykke F12-tasten i browseren og vælge 'Konsollen' fra fejlfindingmenuen.

Ellers følg disse trin:

Chrome

  • Åbn browseren
  • Vælg værktøjer fra menuen
  • Vælg udviklertools fra værktøjsmenuen
  • Til sidst, vælg konsollen

Firefox Firebug

  • Åbn browseren
  • Gå til websiden: http://www.getfirebug.com
  • Baseret på følgende instruktioner: Hvordan installere Firebug

Internet Explorer

  • Åbn browseren
  • Vælg værktøjer fra menuen
  • Vælg udviklertools fra værktøjsmenuen
  • Til sidst, vælg konsollen

Opera

  • Åbn browseren
  • Gå til websiden: http://dev.opera.com
  • Baseret på følgende instruktioner: Hvordan installere Firebug Lite

Safari Udviklingsmenu

  • Klik på Safari-menuen, Indstillinger, Avanceret
  • Aktivér 'Udviklingsmenu i menubaren'
  • Vælg 'Vis fejlkontrolpanel' når der vises en ny menuoption 'Udvikling'

Vidste du det?

Fejlfinding er processen med at teste, finde og reducere fejl (bugs) i computerprogrammer.

Den første kendte computer bug var en rigtig insekt, der blev fanget i et elektronisk apparat (en form for insekt).