Spisie treści
Proces debugowanie w każdej aplikacji jest bardzo ważna, główna cecha JavaScript jest to, że działa na kliencie, dlatego ten proces odbywa się bezpośrednio w przeglądarce, co czasem generuje trochę irytacji u bardziej doświadczonych programistów, jednak to tylko jeden szczegół, który musimy wziąć pod uwagę.W przeszłości debugowanie JavaScript to było okropne, ponieważ nie było takich narzędzi jak Firebug które mamy na co dzień, więc rozwijamy się w JavaScript To była tortura, w dzisiejszych czasach różne konsole przeglądarek lepiej pokazują nam ścieżkę, którą podąża nasza aplikacja.
Zobaczmy poniżej kilka rzeczy, o których musimy pamiętać, gdy chcemy debugować nasz kod JavaScript, pamiętaj, że to jest język, w którym jest AngularJS więc są bezpośrednio powiązane:
- Konieczna jest praca z wersjami nieskompresowanymi lub zminimalizowane z plików JS, ponieważ w ten sposób będziemy mieli dostęp do właściwej linii kodu, w której wystąpił błąd, dodatkowo będziemy mieli poprawne nazwy zmiennych, w których niektóre narzędzia mogą podać nam bardziej szczegółowe informacje o błędzie.
- Dla wygody najlepiej przechowywać kod JS w osobnych plikach z archiwum. HTML który je wykonuje, dzięki czemu nasz kod jest łatwiejszy w zarządzaniu.
- Sposób użycia Punkty przerwania i narzędzie Wstrzymaj na wszystkich wyjątkach Pomagają nam zatrzymać aplikację w przypadku wystąpienia błędu, dzięki czemu będziemy w stanie szybciej wyizolować problem, a tym samym znaleźć odpowiednie rozwiązanie.
Jak wspomnieliśmy na początku, w przeszłości nie było narzędzi, które pozwoliłyby nam ocenić nasz kod JavaScript W odpowiedni sposób, w nowoczesnych przeglądarkach prawie zawsze mamy dostępną konsolę, na której możemy zobaczyć zachowanie JavaScript, na przykład w Google Chrome mamy narzędzia programistyczne, które możemy uzyskać, naciskając klawisz F12.
POWIĘKSZAĆ
Integracja z ChromeTo narzędzie dołącza się bezpośrednio do Google Chrome do narzędzi deweloperskich i dodaje nową zakładkę, dzięki której możemy zacząć pozyskiwać potrzebne nam informacje, takie jak wydajność naszej aplikacji, błędy, ścieżka, którą podążają zmienne w naszym procesie itp.
Oprócz tego Firebug Jest to również ważne narzędzie, ponieważ pozwala nam pozyskiwać informacje z tzw Ajaks oraz różne zmienne lub parametry, które są w nich przekazywane.
Na tym kończymy ten samouczek, odkryliśmy kilka narzędzi, które są dla nas dostępne do tworzenia naszych aplikacji w AngularJS i mieć kontrolę nad sposobem przeglądania informacji, gdy wystąpią w nich błędy.
