Najlepszy samouczek debugowanie JavaScript W 2024 r. W tym samouczku możesz dowiedzieć się debugowanie JavaScript,Narzędzia debugowania JavaScript,Metoda console.log (),Przykłady,Ustaw punkt przerwania,Hasło debugger,Przykłady,Głównymi narzędziami debugowania przeglądarka,przeglądarka Chrome,przeglądarka Firefox,Przeglądarka Internet Explorer.,opera,safari,

debugowanie JavaScript

Pisząc JavaScript, jeżeli nie narzędzie do debugowania jest bardzo bolesna sprawa.


debugowanie JavaScript

narzędzia do debugowania nie są trudne do pisania programów JavaScript.

Kod może zawierać błędy składniowe, błędy logiczne, jeśli nie ma narzędzi do debugowania, błędy te są trudniejsze do znalezienia.

Zazwyczaj, jeśli wystąpi błąd JavaScript, nie będzie szybka, więc nie można znaleźć kod niewłaściwą lokalizację.

uwaga Zazwyczaj piszesz wystąpi błąd w nowym procesie kod JavaScript.

Narzędzia debugowania JavaScript

Szukasz błędu w kodzie programu nazywa debugowania.

Debugowanie trudne, ale na szczęście, wiele przeglądarek ma wbudowane narzędzia do debugowania.

Wbudowane narzędzia do debugowania mogą być rozpoczęte lub zamknięty, poważny komunikat o błędzie zostanie wysłana do użytkownika.

Z narzędzi debugowania, możemy ustawić punkt przerwania (położenie wykonanie kodu zatrzymania) i może wykryć, kiedy zmienna wykonanie kodu.

Włączone narzędzia debugowania przeglądarki są generalnie nacisnąć klawisz F12, a następnie wybierz "Konsola" w menu Debug.


Metoda console.log ()

Jeśli przeglądarka obsługuje debugowania, można użyć console.log () Metoda drukuje JavaScript wartość w oknie debugowania:

Przykłady

<! 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 »


Ustaw punkt przerwania

W oknie Debug można ustawić punkty przerwania kodu JavaScript.

Na każdym przerwania zatrzyma wykonywanie kodu JavaScript w celu sprawdzenia wartości zmiennych w JavaScript nas.

Po zakończeniu kontroli, można ponownie uruchomić kod (takich jak przycisk PLAY).


Hasło debugger

Hasło debugger, aby zatrzymać wykonywanie skryptów JavaScript i wywołać funkcje debuggera.

To słowo kluczowe i ustawić punkt przerwania w narzędzie do debugowania, efekt jest taki sam.

Jeśli nie ma debugowania dostępne, zestawienie debugger nie zadziała.

Otwarty debugger wykonanie kodu jest zatrzymany przed trzecim wierszu.

Przykłady

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

Spróbuj »


Głównymi narzędziami debugowania przeglądarka

Zazwyczaj przeglądarek umożliwiają narzędzia debugowania są zazwyczaj nacisnąć klawisz F12, a następnie wybierz "Konsola" w menu Debug.

Każda przeglądarka, wykonaj następujące kroki:

przeglądarka Chrome

  • Otwórz przeglądarkę.
  • Wybierz Narzędzia w menu.
  • Wybierz Narzędzia Narzędzia dla programistów.
  • Na koniec wybierz Console.

przeglądarka Firefox

  • Otwórz przeglądarkę.
  • Wejść na stronę:
    http://www.getfirebug.com.
  • Postępuj zgodnie z instrukcjami:
    Install Firebug.

Przeglądarka Internet Explorer.

  • Otwórz przeglądarkę.
  • Wybierz Narzędzia w menu.
  • Wybierz Narzędzia Narzędzia dla programistów.
  • Na koniec wybierz Console.

opera

  • Otwórz przeglądarkę.
  • Opera wbudowanego narzędzia do debugowania Dragonfly, szczegółowy opis można znaleźć na stronie wizyt:
    http://www.opera.com/dragonfly/.

safari

  • Otwórz przeglądarkę.
  • Kliknij prawym przyciskiem myszy i wybierz polecenie Zbadaj element.
  • Wybierz "Panel sterowania" w dolnej części okna pop-up.
debugowanie JavaScript
10/30