Kayce Basques
Załóżmy, że testujesz ułatwienia dostępu na stronie, które umożliwiają nawigację za pomocą klawiatury. Podczas poruszania się po stronie klawiszem Tab czasem znika pierścień zaznaczenia, ponieważ zaznaczony element jest ukryty. Aby śledzić zaznaczony element za pomocą Narzędzi deweloperskich:
- Otwórz Konsolę.
Kliknij Utwórz wyrażenie aktywne
.
Więcej informacji znajdziesz w artykule Obserwowanie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo.
Wpisz
document.activeElement.Aby zapisać ustawienia, kliknij poza interfejsem Live Express.
Wartość widoczna poniżej document.activeElement jest wynikiem wyrażenia. Ponieważ wyrażenie to zawsze odpowiada elementowi aktywnemu, teraz możesz łatwo śledzić, który element jest zaznaczony.
- Najedź kursorem na wynik, aby wyróżnić zaznaczony element w widocznym obszarze.
- Kliknij wynik prawym przyciskiem myszy i wybierz Pokaż w panelu Elementy, by wyświetlić element w sekcji Drzewo DOM w panelu Elementy.
- Kliknij wynik prawym przyciskiem myszy i wybierz Zapisz jako zmienną globalną, aby utworzyć odniesienie do zmiennej do węzła, którego możesz używać w konsoli.