Как создать расширение, подобное firebug, с помощью addon sdk

#jquery #angularjs #firefox #firefox-addon #firefox-addon-sdk

#jquery #angularjs #firefox #firefox-дополнение #firefox-addon-sdk

Вопрос:

Я пытаюсь создать расширение Firefox; например, firebug, которое будет действовать как регистратор для некоторой пользовательской платформы Javascript.

Я создал то же самое для Chrome , как часть devtools, и теперь пытаюсь портировать то же самое для Firefox. К сожалению, я не нашел никакой помощи по этому вопросу в сети, а также в документации Mozilla. Ниже я перечисляю проблемы, с которыми я сталкиваюсь,

Создайте интерфейс, подобный firebug
Используйте jQuery, Bootstrap и Angular в расширении

Просто для справки, я использую addon-sdk-1.16 от Mozilla для создания этого расширения.

Мы будем очень признательны за любую помощь в решении проблем.

Заранее спасибо.

1. github.com/firebug/firebug

2. Это довольно сложный человек. Но если вы хотите начать проверять css-материалы, используйте inIDOMUtils я не уверен, как вести js logging. Но интерфейс, подобный firebug, я думаю, они используют много xul, вы можете просто создать боковую панель, а затем загрузить iframe с вашим графическим интерфейсом в нем. Вот как создать боковую панель: gist.github.com/Noitidart/8728393

3. Разве нет разумного и простого способа сделать это? Точно так же, как расширение chrome для инструментов разработки? Спасибо, но рассмотрю ваши ссылки

4. На странице ссылки на интерфейс MDN :: XPCOM ознакомьтесь с nsIEventListenerService , nsIEventListenerInfo у них есть кое-что, что, я думаю, вам понравилось бы.

5. У вас есть расширение Chrome для демонстрации? Мне нужна разработка расширения.

Ответ №1:

В настоящее время собственные devtools имеют basic api для добавления нового инструмента в toolbox. Это работает, но немного неудобно. Примеры того, как это работает с достаточно сложным дополнением, смотрите в этих:

Это порты связанных расширений Chrome от Луки Греко, который также создал хороший плагин grunt.

В ближайшем будущем дополнительный SDK будет содержать новый, более мощный набор API:

https://github.com/Gozala/addon-sdk/blob/jeps/devtools/Developer pane.md