#javascript #firefox #xul #firefox-addon-sdk
#javascript #firefox #xul #firefox-addon-sdk
Вопрос:
Я пытаюсь манипулировать элементами XUL на странице надстройки Firefox, используя надстройку SDK. Я бы не возражал против использования модулей более низкого уровня. Я использовал DOM inspector, чтобы увидеть структуру страницы надстройки. Для страницы надстройки это выглядит следующим образом:
#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);
Первая проблема заключается в том, что window tracker открывается только при первом запуске Firefox. Как я могу заставить его прослушивать и ждать открытия страницы надстройки?
Вторая проблема (вероятно, связанная с первой) заключается в том, что получение элементов, похоже, не работает (xulElements.длина равна 0).
Есть идеи?
Ответ №1:
Здесь две проблемы:
- Менеджер дополнений обычно не открывается в виде отдельного окна, поэтому использование
WindowTracker
бессмысленно. Это страница, загруженная в браузер. - Вы получаете доступ к окну до того, как у него появляется возможность загрузиться в него, неудивительно, что вы не видите никаких элементов.
Учитывая, что 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);
}
});
Комментарии:
1. Да, это работает. Но по какой-то причине манипулирование xul, похоже, не работает, я добавил:
var elements = wnd.document.getElementsByClassName('addon-control'); console.log('get attribute: ' elements[5].getAttribute('label')); elements[5].setAttribute('label', 'some label');
но ничего не меняется…2. @Salami: Это не связанный вопрос, но поскольку вы уже используете DOM Inspector, вы можете проверить: а) что ваш код действительно изменяет метку на правильном элементе, б) что изменение метки с помощью DOM Inspector дает желаемый эффект. Я думаю, что вы разберетесь сами, если попробуете это. Если нет — создайте новый вопрос и объясните, чего вы пытаетесь достичь.