如何在Chrome扩展中执行脚本？当内容改变了？

Question

我想执行一个铬脚本，当网页的内容是更新（例如像Facebook）

那么我应该使用什么方法呢？

Answer 1

您可以使用

$("body").bind("DOMSubtreeModified", function() { 
    alert("something changed"); 
}); 

注：DOMSubtreeModified是deprecated

Answer 2

你应该铬尝试* API：

chrome.tabs.onUpdated.addListener(
    function(integer tabId, object changeInfo, Tab tab) { 
    //your code 
}); 

看到这里的文档：

http://code.google.com/chrome/extensions/tabs.html#event-onUpdated

应该像（AJAX）请求等更新工作...

Answer 3

正如sachleen说，你可以使用DOMSubtreeModified听众

document.addEventListener("DOMSubtreeModified", methodToRun); 

注意，Mutation Events是性能猪不能真正驯服得很好（他们太频繁地开火并且减慢了页面的速度）。因此，它们在一年前已被弃用，只能在真正需要时才使用。但是，他们工作。

如果您希望获得Chrome扩展程序的这个功能，您可以使用DOM Level 4中新增的闪亮Mutation Observers（请点击链接，他们会解释很多！）。凡DOMSubtreeModified发射了一千次，MutationObserver只有一次包含和可访问的所有修改触发。

Works的（截至2012/06）：

• Chrome浏览器18（前缀，window.WebKitMutationObserver）
• 火狐14+（无前缀）
• ，WebKit Nightlies版