問題タブ [firefox-developer-tools]

Firefox アドオンをクリーンアップしたところ、次のことがわかりました。

• Firebug をユニークにする機能は何ですか?

• Firebug と Firefox 開発者ツールの両方で利用できる機能は?

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

これは機能し、予想どおり横のパネルに私の index.html を表示します。ただし、index.html ページに含まれているスクリプトをデバッグする方法がわかりません。拡張機能のデバッグに関するドキュメントは非常に少ないようです。

だから私が持っている質問は次のとおりです。作成したペインのブラウザー要素に Firefox デバッガーを向けるにはどうすればよいですか。

私は最近、この HTML 比較を試していましたが、これはある程度機能しています。

（完全なソースはこちら）奇妙なことに、同じノードをそれ自体と比較すると、独自のプロパティが異なると言われます。

この競合の原因は何ですか? この奇妙な動作なしで getComputedStyle を使用する方法はありますか?

アップデート

ここでは、これがブラウザーで機能することを確認できますが、devtools-tweaks のこのブランチを試してみるとわかるように、Chrome 特権コードでは機能しません。

間もなくリリースされる Firefox 25 ベータ版の変更に気付きました。

ただし、Firefox 25 では、webconsole.js への参照は、2 つの goUpdateCommand 呼び出しを持つ関数 goUpdateConsoleCommands() のインライン スクリプトに置き換えられます。

そのウィンドウに webconsole.js リンクが存在しなくなったため、Devtools -tweaksは現在、ネットワーク ポップアップに対して機能していません。ここのコードには、ポップアップを変更するために変更するものは何もありません: https://github.com/programmin1/DevTools-Tweaks/blob/master/content/netWinOverlay.js

この機能をネットワークポップアップに再フックする簡単な方法はありますか? JSON/xml 解析は Firefox に間もなく導入され、不要になりますか?

Firefox 25のリリースにより、開発ツールが大幅に改善されました。Firebug でそれらを試してみるのがとても楽しみです。

ただし、現在 Firebug で動作している Sass デバッグを有効にする方法がわかりません。開発設定内で提供されるすべての設定を調べました。

私が間違っていることを願っており、現在サポートされています。

ここでわかるように、ネットワーク検査ポップアップの一部のコンテンツをきれいに印刷された値に置き換えるアドオンをセットアップしました。奇妙なことに、iframe と内部ドキュメント ( background;#FFF) の両方の背景を設定していますが、ネット インスペクタの青みがかった背景が表示されます。これの何が問題なのですか? また、なぜ DOM Inspector アドオンでは、ここで何が問題なのかを検査することさえできないのですか?

Google Chrome などの localStorage にあるものを確認するにはどうすればよいですか: Resources -> Local Storage

（Firebugではなく、FF開発ツールで意味します）