ユーザーが任意の Web ページの DOM と対話できるようにするパネルを追加する Firefox 拡張機能を開発しようとしています。すでに構築した Web コンポーネントを再利用したいと考えています。Web コンポーネントは、jquery、angular、d3、その他多数のライブラリを使用して構築されていますが、そのほとんどは XUL とうまく連携しません。これに対処するために、コンポーネントを含む Web ページを含む browser 要素を含めています。
<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 デバッガーを向けるにはどうすればよいですか。