javascript - firefox扩展记录每个选项卡的http请求url

Question

我正在尝试开发一个 Firefox 扩展来记录每个浏览器选项卡/窗口的所有资源加载 url。我搜索了几个小时，但找不到将每个拦截的 http 请求与其原始选项卡相关联的方法。这是我到目前为止所拥有的。

Components.classes["@mozilla.org/observer-service;1"]
  .getService(Components.interfaces.nsIObserverService)
  .addObserver({
    observe: function(aSubject, aTopic, aData) {
       if ("http-on-modify-request" == aTopic) {
         var url = aSubject
              .QueryInterface(Components.interfaces.nsIHttpChannel)
              .originalURI.spec;
         alert(url);
       }
    }
}, "http-on-modify-request", false);

我可以获取http请求的url，但我不知道有没有办法将它链接到浏览器窗口/选项卡。

我读了MDN的文档，但没有提到这一点。 (https://developer.mozilla.org/en/XUL_School/Intercepting_Page_Loads)

有什么建议吗？

Answer 1

如果您希望仅使用 1 个(javascript)代码构建您的扩展程序，不仅适用于 Firefox，还适用于 Chrome、IE 和 Safari，我建议您使用 Crossrider .

您可以轻松实现您想要的目标。您可以使用其 onRequest API 监听所有传出请求:

appAPI.onRequest(function(resourceUrl, tabUrl) {
  // Where:
  //   * resourceUrl contains the URL of the requested resource
  //   * tabUrl contains the URL of the tab requesting the resource

  // Block the loading of js scripts
  if (resourceUrl.match(/.*/) {
    // Do what ever you need with the specific resource
    // For example - save it in the extension database using appAPI.db.set()
  }
});

它进入扩展程序的background.js，并允许您对每个页面/选项卡的每个加载资源执行您想要的任何操作。