JavaScript Felsökning

Fel händer alltid när du skriver ny datorkod.

JavaScript Felsökning

Det är svårt att skriva JavaScript utan debuggare.

Din kod kan innehålla syntaktiska fel eller logiska fel som är svåra att diagnostisera.

Vanligtvis händer det ingenting om JavaScript-koden innehåller fel. Det kommer inte att visas några felmeddelanden och det kommer inte att finnas några indikationer för att leta efter fel.

Vanligtvis händer det fel när du försöker skriva ny JavaScript-kod.

JavaScript-debugger

Att hitta fel i programmeringskoden kallas koddebuggning.

Att debugga är inte enkelt. Men lyckligtvis har alla moderna webbläsare inbyggda debuggare.

Inbyggda debuggare kan öppnas eller stängas och tvinga felrapporter till användaren.

Genom debuggaren kan du också sätta brytpunkter (plats där exekveringen avbryts) och kontrollera variabler under exekveringen.

Vanligtvis startas debuggaren genom att trycka på F12-tangenten och välja "Konsol" i debuggmenyn.

console.log() metoden

Om din webbläsare stöder debuggning kan du använda console.log() Visa JavaScript-värden i debuggfönstret:

Exempel

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

Prova det själv

Tips:Besök vår JavaScript Console Referenshandbok för mer information om console.log() metoden.

Sätt brytpunkt

I debuggfönstret kan du sätta brytpunkter i JavaScript-koden.

vid varje brytpunkt kommer JavaScript att stoppa exekveringen så att du kan kontrollera JavaScript-värden.

Efter att ha kontrollerat värdena kan du återuppta kodexekveringen.

debugger-nyckelord

debugger Nyckelordet stoppar JavaScript-exekveringen och anropar (om det finns) en debuggfunktion.

Detta är lika med att sätta en brytpunkt i debuggaren.

Om debuggaren inte är tillgänglig,debugger Försök är utan verkan.

Om debuggaren är öppen kommer denna kod att stoppa innan den kör tredje raden.

Exempel

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

Prova det själv

Debugging verktyg för de vanligaste webbläsarna

Vanligtvis aktiverar du debuggning genom att trycka på F12-tangenten i webbläsaren och väljer 'Konsol' från debuggmenus.

Annars följ följande steg:

Chrome

  • Öppna webbläsaren
  • Välj verktyg från menyn
  • Välj utvecklarverktyg från verktyg
  • Slutligen, välj konsol

Firefox Firebug

  • Öppna webbläsaren
  • Gå till webbsidan: http://www.getfirebug.com
  • Baserat på följande instruktioner: Hur man installerar Firebug

Internet Explorer

  • Öppna webbläsaren
  • Välj verktyg från menyn
  • Välj utvecklarverktyg från verktyg
  • Slutligen, välj konsol

Opera

  • Öppna webbläsaren
  • Gå till webbsidan: http://dev.opera.com
  • Baserat på följande instruktioner: Hur man installerar Firebug Lite

Safari-utvecklingsmeny

  • Klicka på Safari-menyn, Inställningar, Avancerat
  • Markera 'Aktivera utvecklingsmenyn i menyfältet'.
  • När en ny menyalternativ 'Utveckling' visas i menyn, välj 'Visa felkonsol'.

Vet du det?

Debugging är processen att testa, hitta och minska fel (buggar) i datorprogram.

Den första kända datorbuggen var en verklig maskinbeteendefel som fastnade i en elektronisk enhet (ett insekt).