Ladění JavaScriptu
Chyby se mohou (stanou) při každém psaní nového počítačového kódu.
Ladění 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. Nejsou zde žádné chybové zprávy a nezískáte žádné pokyny, kde hledat chyby.
Hledání (a opravování) chyb v programovacím kódu se nazývá ladění kódu.
Debuggery JavaScriptu
Ladění není snadné. Ale naštěstí všechny moderní prohlížeče mají vestavěný JavaScript debugger.
Vestavěné ladicí programy lze zapínat a vypínat, což nutí uživatele hlásit chyby.
Pomocí ladicího programu můžete také nastavit body přerušení (místa, kde lze zastavit provádění kódu) a zkoumat proměnné během provádění kódu.
Normálně, jinak postupujte podle kroků dole na této stránce, ladění aktivujete ve svém prohlížeči klávesou F12 a v nabídce ladicího programu vyberete „Konzole“.
Metoda console.log().
Pokud váš prohlížeč podporuje ladění, můžete použít console.log()k zobrazení hodnot JavaScriptu v okně ladicího programu:
Příklad
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Tip: Přečtěte si více o console.log()metodě v naší Referenční příručce konzoly JavaScriptu .
Nastavení hraničních bodů
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 umožní vám prozkoumat hodnoty JavaScriptu.
Po prozkoumání hodnot můžete obnovit provádění kódu (obvykle pomocí tlačítka přehrávání).
Klíčové slovo ladicího programu
Klíčové debuggerslovo zastaví provádění JavaScriptu a zavolá (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.
Se zapnutým ladicím programem se tento kód zastaví před provedením třetího řádku.
Příklad
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Nástroje pro ladění hlavních prohlížečů
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ů:
Chrome
- Otevřete prohlížeč.
- Z nabídky vyberte „Další nástroje“.
- Z nástrojů vyberte „Nástroje pro vývojáře“.
- Nakonec vyberte Console.
Firefox
- Otevřete prohlížeč.
- Z nabídky vyberte „Web Developer“.
- Nakonec vyberte „Webová konzole“.
Okraj
- Otevřete prohlížeč.
- Z nabídky vyberte "Nástroje pro vývojáře".
- Nakonec vyberte „Konzola“.
Opera
- Otevřete prohlížeč.
- Z nabídky vyberte „Vývojář“.
- V části „Vývojář“ vyberte „Nástroje pro vývojáře“.
- Nakonec vyberte „Konzola“.
Safari
- 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“:
Zvolte „Show Error Console“.
Věděl jsi?
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.