在Chrome扩展程序中向对象添加polyfill的最佳位置

时间:2016-10-05 12:30:24

标签: google-chrome-extension

我正在努力通过Chrome扩展程序添加Eli Gray的Object watch polyfill。应该在解析任何页面之前执行该脚本。当javascript文件或内联脚本执行时,我希望看到文档对象的cookie属性。

以下是我的尝试:

的manifest.json

{
  "manifest_version": 2,
  "name": "Cookie Tracker",
  "description": "Tracks cookie",
  "version": "1.0",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "Click here"
  },
  "background": {
    "scripts": ["scripts/object-watch.js", "myScript.js"]
  },
  "content_scripts" : [{
    "matches" : ["http://*/*", "https://*/*"],
    "run_at": "document_start",
    "js": ["scripts/object-watch.js", "myScript.js"]
  }],
  "web_accessible_resources": ["scripts/object-watch.js"]
}

myScript.js

document.watch('cookie', function(id, oldValue, newValue) {
  console.log("document.cookie oldValue-",oldValue, " newValue-", newValue);
});

console.log("myScript executed");

脚本/对象watch.js

来自 - https://gist.githubusercontent.com/eligrey/384583/raw/96dd5cd2fd6b752aa3ec0630a003e7a920313d1a/object-watch.js的内容

我尝试了内容脚本和背景页面。当我从目录加载扩展并加载页面时。我只在浏览器控制台中看到:

>Object-watch executed
>myScript triggered

当我加载任何页面时,我没有看到对文档对象的cookie属性的更改,尽管该页面正在设置cookie' s。我不确定我错过了什么?有人可以提供一些提示。

0 个答案:

没有答案