使用Firefox Add-on SDK访问XUL元素

Question

我正在尝试使用add-on SDK操作Firefox Add-on页面中的XUL元素。我不介意使用低级模块。我使用DOM检查器查看了附加组件页面的结构。对于附加页面，如下所示：

#document
--page (id='addons-page', windowtype='Addons:Manager', etc.)
----...
----hbox
----hbox
----etc.

因此，我在exports.main中尝试了这段代码：

let delegate = {
  onTrack: function(window) {
    console.log('window is being tracked: ' + window); // outputs [object ChromeWindow

    let doc = window.document;
    var addOnPage = doc.getElementById('addons-page');
    console.log(window.document.page);  // outputs undefined
    console.log(addOnPage);             // outputs null

    var xulElements = window.document.getElementsByClassName('addon-control');

    console.log('our elements: ' + xulElements); // outputs [object HTMLCollection]
    console.log('our elements length: ' + xulElements.length); // outputs length of 0
  }
};
var tracker = new winUtils.WindowTracker(delegate);

第一个问题是窗口跟踪器只在Firefox第一次启动时打开。如何让它监听并等待打开加载项页面？

第二个问题(可能与第一个问题有关)是获取元素似乎不起作用(xulElements.length为0)。

有什么想法吗？

Answer 1

这里有两个问题：

1. 插件管理器通常不会作为一个单独的窗口打开，所以使用WindowTracker是没有意义的。这是一个加载到浏览器中的页面。
2. 您在窗口有机会加载之前访问了该窗口，看不到任何元素也不足为奇。

鉴于page-mod module似乎不适用于此页面，侦听chrome-document-global-created notification可能是最好的解决方案。下面的代码适用于我：

var observers = require("observer-service");
observers.add("chrome-document-global-created", function(wnd)
{
  if (wnd.location.href == "about:addons")
  {
    // Wait for the window to load before accessing it
    wnd.addEventListener("load", function()
    {
      console.log(wnd.document.getElementsByClassName('addon-control').length);
    }, false);
  }
});