Question

我正在开发一个独立的XULRunner应用程序，其中重要的是向用户提供有关页面加载时发生的事情的反馈。我的第一个实现是由MDN tutorial引导的。但是，这只适用于我从代码中打开的页面。我无法向用户提供文档正文中链接的反馈。进一步搜索让我找到a forum thread。按照这个人的做法，我可以收听页面加载事件，包括状态更改，进度更改和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);

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

Answer 1

不，使用progress listeners是可行的方法 - 这就是Firefox用来在页面加载时显示状态更改的内容。不过，我建议您使用XPCOMUtils.jsm module来简化QueryInterface实施：

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

...

QueryInterface: XPCOMUtils.generateQI([Components.interfaces.nsIWebProgressListener,
                                       Components.interfaces.nsISupportsWeakReference]),

独立的XULRunner应用程序ProgressListener

1 个答案: