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
Trả lời
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.
- 1. Chrome DevTools phần mở rộng giao diện điều khiển
- 2. menu Context trong phần mở rộng Chrome
- 3. Làm thế nào để vô hiệu hóa phần mở rộng chrome JS khi gỡ lỗi trong devtools?
- 4. Tiện ích mở rộng của Google Chrome: đánh dấu div mà chuột đang di chuột qua
- 5. sử dụng jquery trong phần mở rộng chrome
- 6. vector điểm kiểu là điểm đánh dấu trong phần mở rộng?
- 7. Sao chép vào clipboard trong phần mở rộng chrome
- 8. Nhận URL trang hiện trong phần mở rộng Chrome
- 9. Trên trang sự kiện tải trong phần mở rộng Chrome
- 10. Cross-Origin XMLHttpRequest trong phần mở rộng chrome
- 11. cookie Xóa chrome mở rộng
- 12. Lỗi nội dung-chính sách trong phần mở rộng của google chrome
- 13. Tạo phần mở rộng nút MVC Delete - Cách mở rộng trình trợ giúp Html của MVC?
- 14. Dấu hiệu mở rộng QTreeWidget
- 15. Tạo nút từ chuỗi đánh dấu
- 16. Liệt kê một thư mục cục bộ có phần mở rộng bằng chrome
- 17. Làm thế nào để có được dữ liệu bài trong phần mở rộng chrome
- 18. Cách tìm khung JavaScript phù hợp (đóng) trong Chrome Devtools?
- 19. Chrome/Firefox: truy cập nguồn mở rộng
- 20. Tiện ích mở rộng của Chrome + Dart
- 21. Nút jsTree Mở rộng/Thu gọn
- 22. Đánh dấu nút khi kéo nhập
- 23. Thiết kế kiểm tra thời điểm lập luận mở rộng đánh dấu trong WPF thiết kế
- 24. Tiện ích mở rộng của Chrome: ví bitcoin
- 25. Ẩn/mở các nút thu gọn/mở rộng
- 26. Mở rộng/đánh giá biến Makefile
- 27. Cách tạo tiện ích mở rộng đánh dấu XAML trả về bộ sưu tập
- 28. cách bật/tắt nút/biểu tượng cho tiện ích mở rộng chrome?
- 29. Delphi - phần mở rộng identcache
- 30. Thêm NaCl vào Tiện ích mở rộng của Chrome
Có, có [devtools API] (https://developer.chrome.com/extensions/devtools.inspectedWindow.html) – Sudarshan
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