4


我正在编写一个 Chrome 扩展程序，为用户访问的某些页面添加功能。
为此，我需要注入一些页面需要能够调用的变量和函数。
这些变量/函数在内容脚本中生成。

但是，由于内容脚本在一个隐蔽的环境中运行，所以主机页面无法访问它。

根据这篇文章： http ://code.google.com/chrome/extensions/content_scripts.html#host-page-communication 内容脚本和主机页面可以通过添加事件通过 DOM 进行通信。
但这是一种可怕的做事方式，我真的很想看到一些轻松注入方法/变量的方法。

有这种可能吗？

谢谢！

4

2 回答 2

4

如果它仍然对任何人感兴趣，我已经找到了一种通过消息在内容脚本和页面本身之间进行通信的解决方案。

在发送脚本上是这样的：

window.postMessage({ type: "messageType", params: { param: "value", anotherParam: "value" } }, "*"/*required!*/);

然后在接收脚本上做这样的事情：

window.addEventListener("message", function(event) {
        // We only accept messages from ourselves
        if (event.source != window)
            return;

        switch (event.data.type) {
        case "blabla":
            // do blabla
            // you can use event.data.params to access the parameters sent from page.
            break;
        case "another blabla":
            // do another blabla 
            break;
        }
    });
于 2012-08-21T08:46:33.623 回答
0

这是我在我的扩展程序上编码的方式，http ://pagexray.com/extension/

在你的 manifest.json

 "content_scripts": [
    {
        "matches": ["http://*/*"],
        "js": ["script.js"]
    }
],

在你的 script.js 上

(function(){
  var script = document.createElement('script');
  script.src = "http://example.com/external.js";
  script.addEventListener('load', function() { });
  document.head.appendChild(script);
})();
于 2012-07-05T16:37:52.557 回答