javascript - 检查 Google Chrome 扩展中的 DOM 元素

Question

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

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

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

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

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

谢谢。

Answer 1

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

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