В гугл хроме есть хороший встроенный отладчикhttp://learn.javascript.ru/debugging-chrome

Venkman интересная вещь, все как на картинках. Позволяет отслеживать переменные в момент исполнения кода.
Запускается командой x-jsd:debugger из адресной строки и должно быть открыто только одно окно с мозилой.
Но пока не нашел в нем как добраться до файлов расширений.

Можно подробнее узнать про log4moz. Там так много английских букв:cry: Я так понял его надо скачивать и прописывать в исполняемом модуле.
Как это будет выглядеть для отслеживания  первых строчки, допустим:

var a = 10;
а = а + 1;

Подскажите пожалуйста как отлаживать дополнения [firefox]

1. Написал дополнение.
2. Включил devtools.chrome.enabled = true  в  about:config
3. Перезагрузил браузер
4. Открыл FireFox\Веб-разработка\Отладчик

- и вижу только скрипты загруженной страницы

Как открыть для отладки main.js из моего дополнения?

Вот получилось что-то :D

function(color) {
  var alldivs=window.content.document.getElementsByTagName('div');
  for (var i = 0; i < alldivs.length ; i++){
       if (i < 10) {
         alert(alldivs[i].id); //?????????????????
       }
}

например вставить блок между этими двумя тегами

<div class="block1">Текст блока 1</div>
     //  ????????????????????????????????????????????
<div class="block2">Текст блока 2</div>

:sick:

Нашел пример кода который меняет один элемент, а как сделать перебор тегов циклом и изменить те, у которых id подходит под условие.

var widgets = require("sdk/widget");
var tabs = require("sdk/tabs");
 
var widget = widgets.Widget({
  id: "mozilla-link",
  label: "Mozilla website",
  contentURL: "http://www.mozilla.org/favicon.ico",
  onClick: function() {
    tabs.activeTab.attach({
      contentScript:
        'document.body.style.border = "5px solid red";'
      })
    }
});