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

时间:2011-11-07 16:35:44

标签: javascript firefox xul firefox-addon-sdk

我正在尝试使用Add-on 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)。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

这里有两个问题:

  1. 加载项管理器通常不会作为单独的窗口打开,因此使用WindowTracker毫无意义。这是一个加载到浏览器中的页面。
  2. 您可以在有机会加载窗口之前访问该窗口,这并不奇怪您没有看到任何元素。
  3. 鉴于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);
      }
    });