Kayce Basques
Załóżmy, że testujesz ułatwienia dostępu do nawigacji na stronie za pomocą klawiatury. Podczas poruszania się po stronie przy użyciu klawisza Tab czasami pierścień ostrości znika, ponieważ aktywny element 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 Wyświetlanie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo.
Wpisz
document.activeElement.Kliknij poza interfejsem Live Expression, aby zapisać zmiany.
Wartość widoczna poniżej document.activeElement jest wynikiem wyrażenia. Ponieważ to wyrażenie zawsze reprezentuje zaznaczony element, możesz teraz w dowolnej chwili określić, który z nich jest wyróżniony.
- Najedź kursorem na wynik, by wyróżnić zaznaczony element w widocznym obszarze.
- Kliknij wynik prawym przyciskiem myszy i wybierz Pokaż w panelu Elementy, by wyświetlić element w panelu DOMTree w panelu Elementy.
- Kliknij wynik prawym przyciskiem myszy i wybierz Przechowuj jako zmienną globalną, aby utworzyć odniesienie do zmiennej do węzła, którego możesz użyć w Konsoli.