javascript - 使用 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);
  }
});