.onload 从 Firefox 扩展调用多次

Question

我正在开发一个 Firefox 扩展程序，并具有以下代码：

function initialize() { 
    // For accessing browser window from sidebar code.
    var mainWindow = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIWebNavigation)
               .QueryInterface(Components.interfaces.nsIDocShellTreeItem)
               .rootTreeItem
               .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIDOMWindow);
    var gBrowser = mainWindow.gBrowser;
    gBrowser.onload = function() {
        alert('loaded');
    };
}

1. 当我打开扩展程序（侧边栏）并继续在 Firefox 窗口中打开新选项卡时，会出现三个警告框。
2. 当我刷新页面时，有两个警告框。
3. 当页面加载完成时，只有一个警告框。
4. 当我更改选项卡时，会触发警报。

我使用 .onload 而不是 DOMContentLoaded 或 Readystatechange，因为我需要等到所有其他 javascript 完成在页面上的加载后才能运行我的。

关于为什么触发多个事件（以及不应该触发事件的事情）有什么想法吗？

解决方案

根据 MatrixFrog 的建议，这是我得出的解决方案：

function initialize() { 
    // For accessing browser window from sidebar code.
    var mainWindow = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIWebNavigation)
               .QueryInterface(Components.interfaces.nsIDocShellTreeItem)
               .rootTreeItem
               .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIDOMWindow);
    var gBrowser = mainWindow.gBrowser;
    if (gBrowser.addEventListener) {
        gBrowser.addEventListener("load",pageLoaded,true);
    }    
}

function pageLoaded(aEvent) {
    if ((aEvent.originalTarget.nodeName == '#document') && 
       (aEvent.originalTarget.defaultView.location.href == gBrowser.currentURI.spec)) 
    {
        alert('loaded');
    }
}

1. aEvent.originalTarget.nodeName == '#document' 检查页面是否已加载，而不是图标。
2. (aEvent.originalTarget.defaultView.location.href == gBrowser.currentURI.spec)) 检查触发事件的元素是否为选项卡中的页面，并且其 IFRAME 之一
3. gBrowser.onload 不会仅针对 xul-image 触发不适用于#document，因此它被替换为 gBrowser.addEventListener("load",pageLoaded,true);
4. 如果您想避免触发新空白选项卡的事件，请确保 gBrowser.currentURI.spec != "about:blank"

Answer 1

来自 https://developer.mozilla.org/en/Code_snippets/On_page_load

<块引用>
<块引用>

当前的 Firefox trunk nightly 不仅会为文档触发 onPageLoad 函数，还会为 xul:image（选项卡浏览器中的图标）触发 onPageLoad 函数。如果您只想处理文档，请确保 aEvent.originalTarget.nodeName == "#document"

如果您仍然看到无关的“load”事件触发，您可能需要检查事件目标来确定找出正在加载的内容，并使用类似的逻辑来避免在某些特定情况下调用扩展的逻辑。