Kayce Basques
Misalkan Anda menguji aksesibilitas navigasi keyboard halaman. Saat menavigasi halaman dengan tombol Tab, lingkaran fokus terkadang menghilang karena elemen yang memiliki fokus disembunyikan. Untuk melacak elemen yang difokuskan di DevTools:
- Buka Konsol.
Klik Create Live Expression
.
Untuk informasi selengkapnya, lihat Menonton nilai JavaScript secara real time dengan Ekspresi Live.
Ketik
document.activeElement.Klik di luar UI Live Expression untuk menyimpan.
Nilai yang Anda lihat di bawah document.activeElement adalah hasil ekspresi. Karena
ekspresi tersebut selalu mewakili elemen yang difokuskan, Anda kini memiliki cara untuk selalu melacak elemen
mana yang memiliki fokus.
- Arahkan kursor ke hasil untuk menandai elemen yang difokuskan di area pandang.
- Klik kanan hasil dan pilih Reveal in Elements panel untuk menampilkan elemen di DOM Tree di panel Elements.
- Klik kanan hasilnya, lalu pilih Simpan sebagai variabel global untuk membuat referensi variabel ke node yang dapat Anda gunakan di Konsol.