JavaScript debugger

Omdat fouten in JavaScript niet altijd dadelijk zichtbaar zijn, is het belangrijk dat u deze op één of andere manier toch kan opsporen. Alle recente browsers hebben daarom een JavaScript debugger ingebouwd. De ingebouwde console geeft meer uitleg over de soort fout en het lijnnummer waar u moet zoeken.

• Chrome en Safari (F12) Klik met de rechtermuistoets op de pagina en kies Inspecteren uit het snelmenu. Klik vervolgens op het probleem-icoon.

• Firefox (F12) Open menu > Webontwikkelaar > Webconsole.

• Internet Explorer 9+ (F12) Open menu > Extra > Ontwikkelhulpprogramma's. Klik vervolgens op Console of op Script.

Als uw browser foutopsporing ondersteunt, kunt u console.log () gebruiken om bijvoorbeeld tussentijdse JavaScript-waarden weer te geven in het venster Foutopsporing.

★ Open jsIntro/console.html en bekijk het resultaat in de console.

var a = 5;
var b = 6;
var som = a + b;                
console.log('a = ', a);            // witte achtergrond in de console
console.warn('a + b = ', som);     // gele achtergrond in de console
console.error('Oeps ...');         // rode achtergrond in de console