Firefox Addon：将数据从main.js发送到开发工具选项卡

Question

我正在尝试实现一个拦截HTTP响应的插件，然后将其登录到开发工具选项卡，类似于XHR登录到Web控制台的方式。

插件代码包含以下文件：

data/index.html
lib/main.js

我定义了devtoolTabDefinition：

devtoolTabDefinition = {
    id: "logger",
    ordinal: 3,
    icon: "chrome://browser/skin/devtools/inspector-icon.png",
    url: self.data.url("index.html"),
    label: "HRRL",
    tooltip: "HTTP Request Response Logger",
    // Rest of the code

我已在HttpResponseListener注册观察员Ci.nsIObserverService以观察"http-on-examine-response"。 HttpResponseListener拦截响应，我在其onDataAvailable方法中获取响应字符串。

我需要将此响应字符串发送到开发工具选项卡的index.html。

AFAIK我不必使用内容脚本，因为我与主页面窗口无关。我只需要拦截响应并将其记录在开发工具选项卡中。

提前致谢。

Answer 1

如果您查看at the example，则会在构建方法中设置通信渠道，您不会在代码中显示该方法。你可以在这里看到这种方法的一个有效例子：

https://github.com/canuckistani/jetpack-devtools-template/blob/master/lib/main.js#L42-L51

*除此之外：从Firefox 34（现在每晚）开始，将有一个新的devtools apis使really simple example see here更容易。