Kayce Basques
Załóżmy, że testujesz dostępność strony z ułatwieniami nawigacji za pomocą klawiatury. Podczas poruszania się po stronie za pomocą klawisza Tab pierścień fokusu może zniknąć, ponieważ element, na którym jest ustawiony fokus, jest ukryty. Aby śledzić zaznaczony element w Narzędziach deweloperskich:
- Otwórz konsolę.
Kliknij Utwórz wyrażenie na żywo
.
Więcej informacji znajdziesz w artykule Obserwowanie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo.
Wpisz
document.activeElement.Aby zapisać, kliknij poza interfejsem Live Expression.
Wartość widoczna pod document.activeElement to wynik wyrażenia. Ponieważ wyrażenie to zawsze reprezentuje element, na którym jest skupiona uwaga, możesz teraz śledzić, który element jest zaznaczony.
- Najedź kursorem na wynik, aby wyróżnić zaznaczony element w widoku.
- Kliknij wynik prawym przyciskiem myszy i wybierz Pokaż w panelu Elementy, aby wyświetlić element w drzewie DOM w panelu Elementy.
- Kliknij wynik prawym przyciskiem myszy i wybierz Zapisz jako zmienną globalną, aby utworzyć odwołanie do zmiennej w węźle, którego można używać w Konsoli.