使用 Firefox 附加 SDK 访问 XUL 元素

Question

我正在尝试使用附加 SDK 操作 Firefox 附加页面中的 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. 您在窗口有机会加载之前访问该窗口，因此您看不到任何元素也就不足为奇了。

鉴于 < code>page-mod 模块 似乎不适用于此页面，正在监听 chrome-document-global-created 通知 可能是最好的解决方案。这段代码对我有用：

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);
  }
});