Chrome扩展 - 从扩展访问文档/页面变量

我想开发只能在指定页面上工作的扩展 - 如果页面所有者在其代码中添加全局变量（例如ACCEPT_STATS = true;）我想执行指定的代码。Chrome扩展 - 从扩展访问文档/页面变量

我已经绑定我的函数onload事件，我还发现，解决方案是如何做到这一点在Firefox：

var win = window.top.getBrowser().selectedBrowser.contentWindow; 
if (typeof win.wrappedJSObject.ACCEPT_STATS !== 'undefined') { 
    // code to run if global variable present 
}

，但我不能让Chrome在这项工作。有没有可能访问文档的全局变量抛出Chrome扩展代码？

我的扩展的代码被注入为内容脚本。

来源

2014-02-12 Tomasz Banasiak

这听起来象是一个内容脚本应该做的，不是吗？ https://developer.chrome.com/extensions/content_scripts.html –

“但是，内容脚本有一些限制，它们不能：[...] 使用由网页或其他内容脚本定义的变量或函数” – kmoe

内容脚本在_isolated world_中执行。你将不得不将代码注入页面。 –

运行在页面上的JavaScript运行在与您使用内容脚本注入的JavaScript不同的“孤立的世界”中。由于安全原因，Chrome浏览器会将这两个世界分开，因此您无法在任何窗口中阅读window.XYZ。更多关于独立世界如何工作的信息：http://www.youtube.com/watch?v=laLudeUmXHM

实现此功能的正确方法是通过window.postMessage API与页面进行通信。我这里还有我怎么会去一下：

注入内容脚本到各选项卡
通过window.postMessage
如果页面了解到此消息，它正确响应（再次通过window.postMessage）
内容脚本执行它需要执行的代码。

HTH

来源

2014-02-12 18:22:08

是，包括脚本到页面并运行从网页运行脚本一个孤立的环境。

但是，可以通过将内联脚本通过附加到文档的html脚本标签推入运行时上下文来解决孤立的世界问题。该内联脚本然后可以抛出一个自定义事件。

孤立的上下文中包含的脚本可以监听该事件并相应地作出响应。

因此，在你包含脚本代码会是这个样子：

// inject code into "the other side" to talk back to this side; 
var scr = document.createElement('script'); 
//appending text to a function to convert it's src to string only works in Chrome 
scr.textContent = '(' + function() { 
    var check = [do your custom code here]; 
    var event = document.createEvent("CustomEvent"); 
    event.initCustomEvent("MyCustomEvent", true, true, {"passback":check}); 
    window.dispatchEvent(event); } + ')();' 
//cram that sucker in 
(document.head || document.documentElement).appendChild(scr); 
//and then hide the evidence as much as possible. 
scr.parentNode.removeChild(scr); 
//now listen for the message 
window.addEventListener("MyCustomEvent", function (e) { 
    var check = e.detail.passback; 
    // [do what you need to here]. 
});

来源

2014-02-14 16:45:14 PatAtCP

这是一个很好的解决方案，在我看来。但请注意，不推荐使用“initCustomEvent”。相反，您可以使用“CustomEvent”构造函数。来源：https：//developer.mozilla。org/en-US/docs/Web/API/CustomEvent/initCustomEvent – Luoruize

我得到一个'Uncaught TypeError：“）（）;”不是函数错误。这个解决方案是否仍然有效？ –

它实际上是通过传递一个多行字符串来工作的：'scr.textContent ='' var event = document.createEvent（“CustomEvent”）; event.initCustomEvent（“MyCustomEvent”，true，true，{“passback”：token}）; window.dispatchEvent（event）; \';' –

Chrome扩展 - 从扩展访问文档/页面变量

回答

相关问题