Felavhjälpning av JS

Praktiska steg

1. Öppna utvecklarverktygen i webbläsaren (t.ex. Chrome DevTools).
2. Navigera till fliken "Konsol".
3. Använd console.log() för att skriva ut felmeddelanden och annan information.
4. Använd kommandot debugger; för att stoppa exekveringen på en viss rad och undersöka koden.
5. Sätt brytpunkter för att stoppa exekveringen på specifika rader.
6. Använd källmappningar för att mappa minifierad kod till den ursprungliga källkoden.

Exempel

// Felaktig kod
function addNumbers(a, b) {
  return a + b;
}

console.log(addNumbers(1, 2));  // Skriver ut 3

// Korrigerad kod
function addNumbers(a, b) {
  return a + b;
}

console.log(addNumbers(3, 4));  // Skriver ut 7

Tips för bättre tillgänglighet

• Använd beskrivande felmeddelanden.
• Lägg till alt-text för bildfel.
• Använd aria-roller för att ge tydlig information till skärmläsare.
• Kontrollera färgkontrast och teckenstorlek.

Kom ihåg att felavhjälpning av JavaScript är en iterativ process. Experimentera med olika tekniker tills du hittar den som fungerar bäst för dig.