Question

我试图按照本教程创建一个firefox插件，当地址栏中的网址发生变化时拦截该插件：

https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Progress_Listeners#Example:_Notification_when_the_value_in_Address_Bar_changes

我刚刚复制了代码，只是添加了一个警报以查看它是否有效，但我无法以任何方式运行它。

我的代码是：

const {Cu} = require("chrome");
Cu.import("resource://gre/modules/XPCOMUtils.jsm", this);

var urlListener = {
    oldURL: null,

    init: function() {
        gBrowser.addProgressListener(this);
    },

    uninit: function() {
        gBrowser.removeProgressListener(this);
    },

    processNewURL: function(aURI) {
        if (aURI.spec == this.oldURL) return;

        // now we know the url is new...
        alert(aURI.spec);
        this.oldURL = aURI.spec;
    },

    // nsIWebProgressListener
    QueryInterface: XPCOMUtils.generateQI(["nsIWebProgressListener",
                                           "nsISupportsWeakReference"]),

    onLocationChange: function(aProgress, aRequest, aURI) {
    alert("Called");
        this.processNewURL(aURI);
    },

    onStateChange: function() {},
    onProgressChange: function() {},
    onStatusChange: function() {},
    onSecurityChange: function() {}
};

  window.addEventListener("load", function() { urlListener.init() }, false);
  window.addEventListener("unload", function() { urlListener.uninit() }, false);

每当我尝试启动/测试此扩展时，我都会收到以下错误：

Running tests on Firefox 24.3.0/Gecko 24.3.0 ({ec8030f7-c20a-464f-9b0e-13a3a9e97384}) under linux/x86-gcc3.
Error: ReferenceError: window is not defined 
 Traceback (most recent call last):
  File "resource://jid1-u33krawc1uacsa-at-jetpack/amazon_rewriter/tests/test-main.js", line 1, in 
    var main = require("./main");
  File "resource://gre/modules/commonjs/sdk/loader/cuddlefish.js", line 133, in CuddlefishLoader/options<.load
    result = load(loader, module);
  File "resource://jid1-u33krawc1uacsa-at-jetpack/amazon_rewriter/lib/main.js", line 38, in 
    window.addEventListener("load", function() { urlListener.init() }, false);
0 of 1 tests passed.

我可能不会从教程/扩展程序创建过程中理解某些内容。

你能帮我理解缺少的东西吗？

修改在kapep回答后，我解决了窗口未定义的错误。但是当我更改地址栏中的url时似乎没有任何反应。有什么想法吗？

Answer 1

没有全局window或gBrowser个对象，您需要获取浏览器并选择要添加侦听器的窗口（nsIDOMWindow）。这部分似乎缺少或超出了本教程的范围。

var gBrowser = windowUtils.getMostRecentBrowserWindow().getBrowser();

可能有多种方法可以获得一个窗口。我这样做是使用低级windowUtils API。您可以使用getMostRecentBrowserWindow或更可靠的方式获取上述最新版本，并使用windowUtils.windows()获取所有当前打开的窗口，如下所示：

const windowUtils = require("sdk/window/utils");

for each (let window in windowUtils.windows()) {
    urlListener.init();
    window.addEventListener("unload", function() { urlListener.uninit(); }, false);
}

如果您还想将侦听器添加到将来打开的所有窗口，您可以在新窗口打开时添加它们：

const windows = require("sdk/windows");
windows.browserWindows.on("open", domWindow => {
    urlListener.init();
    windowUtils.getMostRecentBrowserWindow().addEventListener("unload", function() { urlListener.uninit(); }, false);
});

Firefox加载项window.addEventListener错误：窗口未定义

1 个答案: