Debugging Client Side JS
Debugowanie klienta JS
Debugowanie klienta JS może być uciążliwe, ponieważ za każdym razem, gdy zmieniasz adres URL (w tym zmianę używanych parametrów lub wartości parametrów), musisz zresetować punkt przerwania i przeładować stronę.
debugger;
debugger;
Jeśli umieścisz linijkę debugger;
wewnątrz pliku JS, gdy przeglądarka wykonuje JS, zatrzyma debugger w tym miejscu. Dlatego jednym sposobem na ustawienie stałych punktów przerwania byłoby pobranie wszystkich plików lokalnie i ustawienie punktów przerwania w kodzie JS.
Nadpisywanie
Nadpisywanie przeglądarki pozwala mieć lokalną kopię kodu, który ma zostać wykonany i wykonać ten zamiast tego z serwera zdalnego. Możesz uzyskać dostęp do nadpisywań w "Dev Tools" --> "Sources" --> "Overrides".
Musisz utworzyć lokalny pusty folder do przechowywania nadpisywań, więc po prostu utwórz nowy lokalny folder i ustaw go jako nadpisanie na tej stronie.
Następnie w "Dev Tools" --> "Sources" wybierz plik, który chcesz nadpisać i z prawym przyciskiem myszy wybierz "Zapisz do nadpisywań".
To skopiuje plik JS lokalnie i będziesz mógł modyfikować tę kopię w przeglądarce. Po prostu dodaj polecenie debugger;
gdziekolwiek chcesz, zapisz zmianę i przeładuj stronę, a za każdym razem, gdy odwiedzisz tę stronę internetową, zostanie załadowana twoja lokalna kopia JS i twoje polecenie debuggera będzie utrzymane na swoim miejscu:
Odnośniki
Last updated