Có bất kỳ công cụ hoặc trình cắm nào để trình duyệt web gỡ lỗi chức năng tabindex
không? Có vẻ như thuộc tính tabindex
là chính xác nhưng nó hoạt động không như mong đợi. Hay tôi làm gì sai?Cách gỡ lỗi tabindex
Trả lời
Nếu bạn sử dụng FireFox, hãy lấy số Webdeveloper toolbar. Bạn có thể hiển thị chỉ mục tab, điều này có thể giúp bạn gỡ lỗi.
Và đây là nơi để tìm thấy tùy chọn đó:
Trong Chrome, bạn có thể kích chuột phải vào một yếu tố và chọn "Inspect" từ menu ngữ cảnh. Sau đó chuyển sang Console và nhập $0.tabIndex
.
Giải thích: $ 0 - $ 4 đề cập đến 4 yếu tố cuối cùng mà bạn đã kiểm tra. tabIndex
là thuộc tính chuẩn của HTMLEelement
của API DOM.
Xem https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference
Bạn có thể sử dụng các công cụ phát triển trong Chrome, Firefox và IE bằng cách nhấn F12 và điều hướng đến giao diện điều khiển tab và sau đó chèn như sau:
document.addEventListener('keyup', function() {console.log(document.activeElement)})
Bây giờ khi bạn duyệt qua các mục có thể đặt tiêu điểm activeElement
bao gồm tabindex
, nếu bạn có một bộ, sẽ được in trên bảng điều khiển.