2

我的 chrome 扩展使用长寿命的“端口”对象在“内容脚本”和“弹出”页面之间传递消息。“弹出窗口”能够向“内容脚本”事件侦听器发送消息。但是，“内容脚本”中的“端口”对象无法将消息发送到“弹出”页面。

var port = chrome.extension.connect({"name":"swap"});

// listener for incoming connections
chrome.extension.onConnect.addListener(function( incomingPort ){

    // listener on incoming messages
    incomingPort.onMessage.addListener(function( msg ){

        if( msg.command === 'get_scripts' ){
            //do work

        }

        var scrs = { 'scripts' : 'name' };
        var result = port.postMessage( scrs );

    });
});

执行 'port.postMessage(Object obj)' 时，插件会抛出以下错误，

Error in event handler for 'undefined': Attempting to use a disconnected port object   Error: Attempting to use a disconnected port object
at PortImpl.postMessage (miscellaneous_bindings:54:5)
at chrome-extension://loiamkgdhfjdlkcpehnebipeinpcicfj/swap.js:27:31
at [object Object].dispatch (event_bindings:203:41)
at Object.<anonymous> (miscellaneous_bindings:250:22) event_bindings:207

我尝试使用“端口”对象和“传入端口”对象，都抛出相同的“错误”。感觉它与预先创建的“端口”对象的范围有关。

插件代码可在此 git 存储库https://github.com/snambi/chrome_plugin/tree/master/src/chrome

这个插件有什么问题？

4

1 回答 1

8

我查看了您的代码，这对我来说毫无意义：

  • 你知道一个端口在两边都有一个onMessageand方法吗？postMessage一个端口足以双向通信。
  • 以您的方式在弹出窗口和内容脚本之间进行通信将非常困难。很难同时启动内容脚本和弹出窗口。

由于您的扩展没有背景页面，以及一个相对无用的内容脚本，我假设您的扩展的核心是浏览器操作弹出窗口。除了默认注入内容脚本之外，您还可以使用以下流程：

  1. 用户点击浏览器动作
  2. popup.html并被popup.js执行。

我还看到您正在使用port == null检查端口是否有效。如果这样做，请确保比较有意义，方法是在端口断开连接时使变量无效：

var port;
chrome.runtime.onConnect.addListener(function(_port) {
    // ...optional validation of port.name...

    port = _port;
    port.onMessage.addListener(function(message) { /* .. logic .. */});
    port.onDisconnect.addListener(function() {
        port = null;
    });
});
于 2012-08-02T20:55:34.723 回答