Chrome扩展程序 - 如何监控页面突变

Question

  

解决方案：

     

最有效的方法：（2014年4月）

     

Is there a JavaScript/jQuery DOM change listener?

     

我正在使用Chrome扩展程序来检查您的Google搜索内容并相应地更改页面。 它通过检查当前选项卡中是否存在特定元素ID来完成此操作。

例如，当用户搜索：“define love”时，会创建一个名为“uid_0”的元素ID。

我的问题是，一旦用户打开谷歌主页，就会执行检查特定元素ID是否存在的功能，而不会再次执行。

哪种听众适合所有谷歌子页面？

这是我的代码：

JSON文件：

{
  "manifest_version": 2,

  "name": "YES",
  "description": "YES",
  "version": "1.0",

  "permissions": [
    "tabs",
    "webNavigation", 
    "*://*/*" 
  ],

  "content_scripts": [
    {
        "matches": ["http://*/*", "https://*/*"],
        "js": ["content.js"],
        "all_frames": true
    }
  ]
}

内容脚本：

var element =  document.getElementById('uid_0');
    if (typeof(element) != 'undefined' && element != null)
    {
        document.body.style.background = 'yellow';
    }
    else
    {
        document.body.style.background = 'red';
    }

如果此代码正常工作，页面应为黄色。

伪代码解决方案：

chrome.runtime.**ONSOMETHING**.addListener( function() { 
var element =  document.getElementById('uid_0');
    if (typeof(element) != 'undefined' && element != null)
    {
        document.body.style.background = 'yellow';
    }
    else
    {
        document.body.style.background = 'red';
    }});