2013-02-12 35 views
5

Tôi muốn làm nổi bật phần tử dom từ tiện ích mở rộng công cụ tìm kiếm chrome của tôi theo cách tương tự như trình kiểm tra Yếu tố (trong công cụ dành cho nhà phát triển). Có một số API đặc biệt cho việc này không? Cảm ơnĐánh dấu nút có phần mở rộng chrome devtools

+0

Có, có [devtools API] (https://developer.chrome.com/extensions/devtools.inspectedWindow.html) – Sudarshan

+1

Tôi đã trải qua API devtools và tôi không thể tìm thấy bất kỳ thứ gì có thể làm được điều này. – user2064259

Trả lời

5

Bất cứ khi nào bạn đánh giá một số mã trong trang được kiểm tra bằng bảng điều khiển DevTools, DevTools hiển thị một loạt các cuộc gọi trợ giúp được gọi là command line API. API này bao gồm lệnh kiểm tra() có cùng tác dụng như khi người dùng gọi "Kiểm tra phần tử" từ trình đơn ngữ cảnh, tức là hiển thị bảng Yếu tố và làm nổi bật nút. Các kiểm tra() gọi cùng với phần còn lại của dòng lệnh API có sẵn để mã đánh giá bởi DevTools extnesions sử dụng chrome.devtools.inspectedWindow.eval(), vì vậy bạn có thể làm công cụ như:

chrome.devtools.inspectedWindow.eval("inspect(document.body)"); 

Nếu bạn chỉ muốn đánh dấu trên mặt trang được kiểm tra, không có bất kỳ điều gì xảy ra trên bảng Yếu tố (ví dụ như khi bạn di chuột qua trang có chế độ tìm kiếm DOM được bật bằng kính tìm kiếm trong bảng Yếu tố), bạn sẽ phải tự thực hiện điều này , vì hiện tại không có API cho điều đó. Tôi khuyên bạn chỉ nên thêm kiểu tùy chỉnh cho một phần tử bằng cách sử dụng tập lệnh nội dung.

Các vấn đề liên quan