Tiêu điểm thành phần theo dõi
bookmark_borderbookmark
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
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 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 lấy tiêu điểm trong DevTools:
- Mở Bảng điều khiển.
Nhấp vào biểu tượng Tạo biểu thức trực tiếp
.
![Tạo biểu thức trực tiếp.](https://developer.chrome.com/static/docs/devtools/accessibility/focus/image/creating-live-expression-718a18e25e5d3.png?authuser=8&hl=vi)
Để biết thêm thông tin, hãy xem bài viết Xem các giá trị JavaScript theo thời gian thực bằng Biểu thức trực tiếp.
Nhập document.activeElement
.
Nhấp vào bên ngoài giao diện người dùng Biểu thức trực tiếp để lưu.
Giá trị mà bạn thấy bên dưới 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 lấy tiêu điểm, nên giờ đây, bạn có thể luôn 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 lấy tiêu điểm trong khung nhìn.
- Nhấp chuột phải vào kết quả rồi chọn Hiện trong bảng điều khiển Phần tử để hiển thị phần tử trong Cây DOM trên 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 dưới dạng biến toàn cục để tạo tham chiếu biến đến nút mà bạn có thể sử dụng trong Console.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2018-12-14 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2018-12-14 UTC."],[],[]]