Отладка элемента браузера в расширении Firefox

Question

Я пытаюсь разработать расширение для Firefox, которое добавляет панель, позволяющую пользователю взаимодействовать с DOM любой веб-страницы. Я хотел бы повторно использовать веб-компоненты, которые я уже создал. Веб-компоненты построены с использованием таких библиотек, как jquery, angular, d3 и многих других, большинство из которых плохо работают с XUL. Чтобы справиться с этим, я включаю элемент браузера, который содержит веб-страницу с моими компонентами.

<overlay id="testOverlay"
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <hbox id="browser">
    <splitter></splitter>
    <vbox flex="1">
      <browser
        src="chrome://testApp/content/index.html"
        type="content"
        flex="1"/>
    </vbox>
  </hbox>
</overlay>

Это работает, и показывает мой index.html на панели в сторону, как и ожидалось. Однако я не могу понять, как отлаживать какие-либо сценарии, которые включены в страницу index.html. Документация для отладки расширений кажется очень скудной.

Поэтому у меня возникает вопрос: как я могу указать отладчику firefox на элемент браузера на созданной мной панели.

Answer 1

Следуйте приведенным здесь инструкциям для включения отладчика браузера (в отличие от содержимого): https://developer.mozilla.org/en-US/docs/Debugging_JavaScript

После того, как ваши скрипты загружены в браузер, они должны стать видимыми на панели источников отладчика (но не раньше).

Если вы все еще не можете заставить это работать, я хотел бы тестовый пример и подробные шаги для воспроизведения, чтобы я мог попытаться диагностировать проблему:)