0

我正在开发一个独立的 XULRunner 应用程序，在其中向用户提供有关页面加载时发生的情况的反馈很重要。我的第一个实现是由MDN 教程指导的。但是，这只适用于我从代码中打开的页面。我无法就文档正文中的链接向用户提供反馈。进一步的搜索使我进入了一个论坛主题。按照这个人的做法，我可以监听页面加载事件，包括状态更改、进度更改和 URL 位置更改。我现在可以判断页面何时开始加载，以便显示进度条。我还可以判断页面何时完全加载，以便隐藏进度条。我的代码如下所示：

var myExt_urlBarListener = {
    QueryInterface: function(aIID)
    {
       if (aIID.equals(Components.interfaces.nsIWebProgressListener) ||
       aIID.equals(Components.interfaces.nsISupportsWeakReference) ||
       aIID.equals(Components.interfaces.nsISupports))
     return this;
     throw Components.results.NS_NOINTERFACE;
   },

   onLocationChange: function(aProgress, aRequest, aURI)
   {
     myExtension.processNewURL(aURI);
   },

   //onStateChange: function(a, b, c, d) {},
   onStateChange: function(aProgress, aRequest, aFlag, aStatus) {
      const STATE_START = Components.interfaces.nsIWebProgressListener.STATE_START;
      const STATE_STOP = Components.interfaces.nsIWebProgressListener.STATE_STOP; 

      if(aFlag & STATE_START) {
          document.getElementById("progressBar").hidden = false;
      }
      if(aFlag & STATE_STOP) {
        document.getElementById("progressBar").hidden = true;     
      }
      return 0;
   },
   onProgressChange: function(a, b, c, d, e, f) { return 0; },
   onStatusChange: function(a, b, c, d) { return 0; },
   onSecurityChange: function(a, b, c) { return 0; }
};

var myExtension = {
   oldURL: null,

   init: function() {
    // Listen for webpage loads
    document.getElementById("browser-id").addProgressListener(myExt_urlBarListener,
        Components.interfaces.nsIWebProgress.NOTIFY_STATE_DOCUMENT);
   },

   uninit: function() {
     document.getElementById("browser-id")
       .removeProgressListener(myExt_urlBarListener);
   },

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

      // alert(aURI.spec);
     document.getElementById("statusBar").setAttribute("label", aURI.spec);
     // document.getElementById("progressBar").hidden = false;
     this.oldURL = aURI.spec;
    }
};

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

我想知道是否有更好的方法来做到这一点。

4

1 回答 1

0

不，使用进度监听器是要走的路——这就是 Firefox 在页面加载时用来显示状态变化的方法。但是，我建议使用XPCOMUtils.jsm模块来简化您的QueryInterface实现：

Components.utils.import("resource://gre/modules/XPCOMUtils.jsm");

...

QueryInterface: XPCOMUtils.generateQI([Components.interfaces.nsIWebProgressListener,
                                       Components.interfaces.nsISupportsWeakReference]),
于 2012-05-10T18:47:50.387 回答