我正在尝试使用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)。
有什么想法吗?
答案 0 :(得分:2)
这里有两个问题:
WindowTracker
毫无意义。这是一个加载到浏览器中的页面。鉴于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);
}
});