Debugowanie w JavaScript

Błędy zawsze się zdarzają, gdy piszesz nowe komputerowe kod.

Debugowanie w JavaScript

Pisanie JavaScript bez debugera jest trudne.

Twój kod może zawierać błędy gramatyczne lub logiczne, które są trudne do zdiagnozowania.

Zwykle, jeśli kod JavaScript zawiera błędy, nic się nie stanie. Nie będzie komunikatów o błędach ani wskazówek, jak znaleźć błędy.

Zwykle, gdy próbujesz napisać nowy kod JavaScript, mogą wystąpić błędy.

Debuger JavaScript

Znajdowanie błędów w kodzie programowania nazywa się debugowaniem.

Debugowanie nie jest proste. Na szczęście, wszystkie współczesne przeglądarki mają wbudowane debugery.

Wbudowany debugger można otworzyć lub zamknąć, aby wymusić zgłaszanie błędów użytkownikowi.

Za pomocą debugera możesz również ustawić przerwania (miejsca, w których kod jest zatrzymywany), aby sprawdzić zmienne podczas wykonywania kodu.

Zwykle uruchamia się debugger za pomocą klawisza F12, a następnie wybiera "Konsolę" w menu debugowania.

metody console.log()

Jeśli Twoja przeglądarka obsługuje debugowanie, możesz użyć console.log() Wyświetl wartości JavaScript w oknie debugowania:

Przykład

<!DOCTYPE html>
<html>
<body>
<h1>Moja pierwsza strona internetowa</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Spróbuj sam

Wskazówka:Odwiedź naszą dokumentację Console JavaScript, aby uzyskać więcej informacji na temat metody console.log().

Ustawienie przerwania

W oknie debugowania możesz ustawić przerwania w kodzie JavaScript.

W każdym punkcie przerwania JavaScript zatrzyma się, abyś mógł sprawdzić wartości JavaScript.

Po sprawdzeniu wartości możesz wznowić wykonywanie kodu.

Kluczowe słowo debugger

debugger Kluczowe słowa zatrzymują wykonywanie JavaScript i wywołują (jeśli istnieje) funkcję debugowania.

To działa tak samo jak ustawienie przerwania w debuggerze.

Jeśli debugger jest niedostępny:debugger Zapis nie ma efektu.

Jeśli debugger jest otwarty, ten kod zatrzyma się przed wykonaniem trzeciej linii.

Przykład

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

Spróbuj sam

Narzędzia debugowania popularnych przeglądarek

Zwykle, możesz włączyć debugowanie za pomocą klawisza F12 w przeglądarce i wybrać "Konsola" z menu debugera.

W przeciwnym razie postępuj zgodnie z poniższymi krokami:

Chrome

  • Otwórz przeglądarkę
  • Wybierz narzędzia z menu
  • Wybierz narzędzia deweloperskie z menu narzędzi
  • Ostatnio, wybierz konsolę

Firebug Firefox

  • Otwórz przeglądarkę
  • Przejdź do strony: http://www.getfirebug.com
  • Na podstawie poniższych instrukcji: Jak zainstalować Firebug

Internet Explorer

  • Otwórz przeglądarkę
  • Wybierz narzędzia z menu
  • Wybierz narzędzia deweloperskie z menu narzędzi
  • Ostatnio, wybierz konsolę

Opera

  • Otwórz przeglądarkę
  • Przejdź do strony: http://dev.opera.com
  • Na podstawie poniższych instrukcji: Jak zainstalować Firebug Lite

Menu Rozwój Safari

  • Kliknij menu Safari, Ustawienia, Zaawansowane
  • Zaznacz "Włączyć menu Rozwój w pasku menu"
  • Gdy w menu pojawi się nowa opcja "Rozwój", wybierz "Wyświetl konsolę błędów"

Czy wiesz?

Debugowanie to proces testowania, znajdywania i zmniejszania błędów (bugów) w programach komputerowych.

Pierwszy znany komputer bug to prawdziwe owady (rodzaj insektów) zakleszczone w urządzeniu elektronicznym.