相关疑难解决方法(0)

我有一个chrome devtools面板的扩展.我可以使用chrome.devtools.inspectedWindow.eval... 向页面发送消息但是如何在开发面板中接收消息？具体来说,我需要我的devpanel来挂钩页面上发生的事件.我无法听到我的内容脚本上的事件,也没有后台页面.

我已尝试chrome.extension.sendMessage在内容脚本中以及chrome.extension.onMessage.addListener开发面板脚本中.但sendMessage抱怨Port error: Could not establish connection. Receiving end does not exist.

长期存在的问题依然存在:

在内容脚本或背景页面中:

var port = chrome.extension.connect({name: "test"});
port.postMessage({msg: "testing"});

在开发工具面板javascript:

chrome.extension.onConnect.addListener(function(port) {
    port.onMessage.addListener(function(msg) {
         // never gets here
    });
 });

如何在我的开发工具面板中侦听在我的内容脚本中触发的事件？Firefox的附加SDK中的这样的图表会很棒:https://addons.mozilla.org/en-US/developers/docs/sdk/latest/static-files/media/content-scripting-overview.png