扩展无法访问窗口对象中的自定义函数

时间:2013-07-10 20:59:31

标签: javascript google-chrome google-chrome-extension

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

例如:

标签ID:150

Tab js:

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

扩展背景JS:

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

的manifest.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.customfuncchrome.executeScript一起使用。

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

1 个答案:

答案 0 :(得分:3)

这是为了安全。内容脚本(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以获得更长的答案。)