使用 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. 在窗口有机会加载之前访问窗口并不奇怪，您看不到任何元素。

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