Śledź ostrość elementu

Kayce Basques

Alexandra Klepper

Załóżmy, że testujesz dostępność nawigacji za pomocą klawiatury na stronie. Podczas poruszania się po stronie za pomocą klawisza Tab pierścień zaznaczenia czasami znika, ponieważ element, który jest zaznaczony, jest ukryty. Aby śledzić element, na którym jest fokus, w Narzędziach deweloperskich:

1. Otwórz konsolę.

2. Kliknij  Utwórz wyrażenie na żywo.

   

   Więcej informacji znajdziesz w artykule Śledzenie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo.

3. Wpisz document.activeElement.

4. Aby zapisać zmiany, kliknij poza interfejsem Live Expression.

Wartość po znaku document.activeElement to wynik wyrażenia. Ponieważ to wyrażenie zawsze reprezentuje zaznaczony element, możesz śledzić, który element jest zaznaczony.

• Najedź kursorem na wynik, aby wyróżnić zaznaczony element w obszarze wyświetlania.
• Kliknij prawym przyciskiem myszy wynik i wybierz Otwórz w panelu Elementy, aby wyświetlić element w drzewie DOM w panelu Elementy.
• Kliknij wynik prawym przyciskiem myszy i wybierz Store as global variable (Zapisz jako zmienną globalną), aby utworzyć odwołanie do węzła, którego możesz używać w konsoli.