检查 Google Chrome 扩展中的 DOM 元素

Question

我正在尝试制作一个简单的 Google Chrome 扩展 - 比如在页面上查找特定元素并显示警报。

我的问题是特定页面加载速度相对较慢（后面还有一些 AJAX）。

如何仅在所有页面加载完毕后才进行检查？

我在清单文件中尝试了 "run_at" : "document_idle" ，但没有成功。它在整个页面加载之前向我显示消息。

我正在考虑每秒（或其他）检查整个 DOM 元素，但这是否是一个可行的解决方案？我认为这会减慢页面速度...

谢谢。

Answer 1

如果当您单击“查看源代码”时页面上不存在该元素，那么捕获它的一种方法是监听 DOMSubtreeModified 事件，该事件在每次修改 DOM 时触发：

document.addEventListener("DOMSubtreeModified", function(event){
        if(document.getElementById("my_element")) {
                //element is added
        }
});

Answer 2

您是否尝试过将代码放入“content_script.js”中的 window.onload 事件中？

window.onload = function() {
   // your code
};