Tiêu điểm thành phần theo dõi

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

Giả sử bạn đang kiểm thử khả năng tiếp cận bằng bàn phím của một trang. Khi bạn di chuyển trên trang bằng phím Tab, vòng tiêu điểm đôi khi biến mất vì phần tử có tiêu điểm bị ẩn. Cách theo dõi phần tử có tiêu điểm trong Công cụ cho nhà phát triển:

  1. Mở Bảng điều khiển.
  2. Nhấp vào Tạo biểu thức trực tiếp.

    Tạo biểu thức theo thời gian thực.

    Tìm hiểu thêm trong bài viết Theo dõi các giá trị JavaScript theo thời gian thực bằng Biểu thức trực tiếp.

  3. Nhập document.activeElement.

  4. Nhấp vào bên ngoài giao diện Biểu thức trực tiếp để lưu.

Giá trị sau document.activeElement là kết quả của biểu thức. Vì biểu thức đó luôn đại diện cho phần tử có tiêu điểm, nên bạn có thể theo dõi phần tử nào có tiêu điểm.

  • Di chuột qua kết quả để làm nổi bật phần tử có tiêu điểm trong khung nhìn.
  • Nhấp chuột phải vào kết quả rồi chọn Mở trong bảng điều khiển Phần tử để hiển thị phần tử trong Cây DOM trong bảng điều khiển Phần tử.
  • Nhấp chuột phải vào kết quả rồi chọn Lưu trữ dưới dạng biến toàn cục để tạo một tệp tham chiếu biến đến nút mà bạn có thể sử dụng trong Bảng điều khiển.