Chyby se mohou (stanou) při každém psaní nového počítačového kódu.
Programovací kód může obsahovat syntaktické chyby nebo logické chyby.
Mnoho z těchto chyb je obtížné diagnostikovat.
Často, když programovací kód obsahuje chyby, nic se nestane. Existují žádné chybové zprávy a nezískáte žádné náznaky, kde hledat chyby.
Hledání (a opravování) chyb v programovacím kódu se nazývá ladění kódu.
Ladění není snadné. Ale naštěstí všechny moderní prohlížeče mají vestavěný Ladicí program JavaScriptu.
Vestavěné ladicí programy lze zapínat a vypínat, což vynucuje hlášení chyb uživatel.
Pomocí ladicího programu můžete také nastavit body přerušení (místa, kde se spustí kód lze zastavit) a zkoumat proměnné během provádění kódu.
Normálně (jinak postupujte podle kroků na konci této stránky) aktivujete ladění ve svém prohlížeči pomocí klávesu F12 a v nabídce ladicího programu vyberte „Konzola“.
Pokud váš prohlížeč podporuje ladění, můžete pomocí console.log() zobrazit hodnoty JavaScriptu v okně ladicího programu:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>Zkuste to sami →
<!DOCTYPE html>
<html>
<body>
<h2>My First Web Page</h2>
<p>Activate debugging in your browser (Chrome, IE, Firefox) with F12, and select "Console" in the debugger menu.</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Tip: Přečtěte si další informace o metodě console.log() v naší Referenční příručce konzole JavaScript.
V okně ladicího programu můžete nastavit zarážky v kódu JavaScript.
V každém bodě přerušení se JavaScript zastaví a nechá vás prozkoumat hodnoty JavaScriptu.
Po prozkoumání hodnot můžete obnovit provádění kódu (obvykle pomocí tlačítko přehrávání).
Klíčové slovo debugger zastaví provádění JavaScriptu, a volá (pokud je k dispozici) funkci ladění.
To má stejnou funkci jako nastavení bodu přerušení v ladicím programu.
Pokud není k dispozici žádné ladění, příkaz debugger nemá žádný účinek.
Když je ladicí program zapnutý, tento kód se zastaví před ním provede třetí řádek.
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;Zkuste to sami →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Debugger</h2>
<p id="demo"></p>
<p>With the debugger turned on, the code below should stop executing before it executes the third line.</p>
<script>
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Normálně aktivujete ladění ve svém prohlížeči pomocí F12 a v nabídce ladicího programu vyberete „Konzola“.
Jinak postupujte podle těchto kroků:
Otevřete prohlížeč.
Z nabídky vyberte „Další nástroje“.
Z nástrojů vyberte „Nástroje pro vývojáře“.
Nakonec vyberte Console.
Otevřete prohlížeč.
Z nabídky vyberte „Web Developer“.
Nakonec vyberte „Web Console“.
Otevřete prohlížeč.
Z nabídky vyberte "Nástroje pro vývojáře".
Nakonec vyberte „Konzola“.
Otevřete prohlížeč.
Z nabídky vyberte „Vývojář“.
V části „Vývojář“ vyberte „Nástroje pro vývojáře“.
Nakonec vyberte „Konzola“.
V hlavní nabídce přejděte na Safari, Předvolby, Pokročilé.
Zaškrtněte "Povolit Zobrazit nabídku Vývoj na liště nabídek".
Když se v nabídce objeví nová možnost „Develop“:
Vyberte „Show Error Řídicí panel".
Ladění je proces testování, hledání a snižování chyb (chyb) v počítačových programech.
První známá počítačová chyba byla skutečná chyba (hmyz) zaseknutá v elektronice.