Доступ к элементам XUL с помощью Firefox Add-on SDK

#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:

Здесь две проблемы:

  1. Менеджер дополнений обычно не открывается в виде отдельного окна, поэтому использование WindowTracker бессмысленно. Это страница, загруженная в браузер.
  2. Вы получаете доступ к окну до того, как у него появляется возможность загрузиться в него, неудивительно, что вы не видите никаких элементов.

Учитывая, что 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 дает желаемый эффект. Я думаю, что вы разберетесь сами, если попробуете это. Если нет — создайте новый вопрос и объясните, чего вы пытаетесь достичь.