.
Narzędzia deweloperskie Chrome umożliwiają łatwe wyświetlanie wielu zmiennych w aplikacji. Obserwowanie zmiennych w źródłach pozwala uniknąć korzystania z konsoli i skupić się na ulepszaniu kodu.
Panel Źródła umożliwia monitorowanie zmiennych w aplikacji. Znajduje się ona w sekcji oglądania na pasku bocznym debugera. Dzięki tej funkcji nie musisz wielokrotnie rejestrować obiektów w konsoli.
Dodawanie zmiennych
Aby dodać zmienną do listy obserwowanych, kliknij ikonę dodawania po prawej stronie nagłówka sekcji. Otworzy się wstawiane pole, w którym możesz podać nazwę zmiennej do obserwowania. Po wypełnieniu pola naciśnij klawisz Enter, aby dodać je do listy.
Obserwator pokaże Ci bieżącą wartość zmiennej, gdy zostanie dodana. Jeśli zmienna nie jest ustawiona lub nie można jej znaleźć, zamiast wartości pojawi się
Aktualizowanie zmiennych
Wartości zmiennych mogą się zmieniać w miarę działania aplikacji. Lista obserwacji nie jest widokiem na żywo zmiennych, chyba że wykonujesz krok po kroku. Gdy przechodzisz przez wykonanie za pomocą breakpoints, obserwowane wartości będą się automatycznie aktualizować. Aby ręcznie sprawdzić zmienne na liście, kliknij przycisk odśwież po prawej stronie nagłówka sekcji.
Gdy użytkownik poprosi o odświeżenie, ponownie sprawdzany jest bieżący stan aplikacji. Wszystkie oglądane elementy zostaną zaktualizowane o bieżące wartości.
Usuwanie zmiennych
Aby szybciej pracować, możesz usunąć zmienne z listy obserwowanych. Aby to zrobić, najedź kursorem na zmienną, a potem kliknij ikonę usuwania, która pojawi się po prawej stronie.
