4

当 Chrome 扩展程序尝试通过 chrome.executeScript 在窗口对象中获取自定义函数时,它什么也得不到。

例如:

标签 ID:150

标签js:

window.customfunc = function(){return 'yeap';}

扩展的后台JS:

chrome.tabs.executeScript(150, { code: "console.log(window);" })

清单.json:

{
   "background": {
      "scripts": [ "background.js" ]
   },
   "content_scripts": [ {
      "exclude_globs": [  ],
      "exclude_matches": [  ],
      "include_globs": [ "*://*/*" ],
      "js": [ "script.js" ],
      "matches": [ "http://*/*" ],
      "run_at": "document_idle"
   } ],
   "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
   "description": "Test",
   "manifest_version": 2,
   "name": "Workspace",
   "permissions": [ "unlimitedStorage", "notifications", "clipboardWrite", "notifications", "clipboardRead", "management", "tabs", "history", "cookies", "idle", "storage", "webRequest", "webRequestBlocking", "contentSettings", "*://*/*" ],
   "version": "1.0"
}

结果:

在控制台中,window对象不显示customfunc,所以我们不能使用window.customfuncwith chrome.executeScript

为什么会发生这种情况,我们该如何解决?谢谢。

4

1 回答 1

6

这是为了安全。内容脚本(正在执行)与选项卡的脚本(在哪里定义)background.js是隔离的。customfunc您还可以获得额外的好处,即不必担心命名空间冲突(这是让您搞砸的地方)。

一种方法是创建
myscript.js
console.log(window)
然后使用内容脚本(或chrome.tabs.executeScript)写入
<script src='chrome.extension.getURL("myscript.js")'></script>
选项卡的 DOM。您还需要添加
"web_accessible_resources": ["myscript.js"]
到清单中。

但是由于事情如此复杂,一个很好的问题是您为什么需要访问customfunc. (您也可以查看https://stackoverflow.com/a/9517879/2336725以获得更长的答案。)

于 2013-07-11T00:31:04.303 回答