webdevqa.jp.net

Firebugには、Firefoxに組み込まれていない独自の機能がありますか?

Firefoxのアドオンをクリーンアップしたところ、次のように思いました。

  • Firebugにはどの機能がユニークですか?

  • FirebugとFirefox開発ツールの両方で利用可能な機能はどれですか?

99
janpio

この質問が書かれて以来、Firefoxのネイティブ開発者ツールはlongのようになりました。相違点は主に次の点まで減少しています。

  • DOMの変更、XHR、またはCookieの変更でスクリプトの実行を停止できません。
  • XPathはコピーできません。
  • インスペクターのイベントサイドパネルがありません(ただし、イベントはDOM構造内に表示されます)。
  • インスペクターにDOMサイドパネルがありません。
  • HTMLの編集中にライブプレビューはありません。
  • コマンドラインに列挙できないプロパティのオートコンプリートがありません。
  • スタイルエディターで複数のファイル内を検索することはできません。
  • Webコンソールに複数行のコマンドラインはありません(ただし、Scratchpadと "smart-multi-line"コマンドラインがあります)
  • ツールまたはインスペクターを切り替えるツールバーボタンはありません。
  • ネットワーク要求の応答内で検索できません。
  • いくつかのCSSプロパティのオートコンプリートがありません。
  • いくつかのコマンドラインコマンドがありません。
  • Cookieを追加することはできません。既存のCookieを編集するだけです。
  • (タブごとではなく)ドメインごとの常時オンモードとアクティベーションはありません。

FirebugとFirefox DevTools間のすべてのギャップについて報告されたバグレポート で追跡されているものが不足しています。

Firebugの統合

Firebug は、ネイティブ開発者ツールの上に構築されるようになりました。 Firefox 48以降には、Firebug拡張機能のように見える Firebugテーマ もあり、Firebugに慣れている場合にくつろげます。マルチプロセスFirefoxが有効になったら、を押します F12 または、Firebugボタンをクリックすると、Firebug DevToolsが開き、Firebugテーマが表示されます。

FirebugとFirefox DevToolsの違いを説明する 移行ガイド もあります。

53
Paul Sweatte

Firebugには、組み込みツールにはない小さな機能がたくさんあります。 UIをいじってみると、これが頭に浮かぶものですが、もっとあると確信しています。

  • someFunction.%closureVarコマンドライン構文などの閉鎖検査機能
  • 右クリックして、コマンドラインの任意の値で再生します
  • 編集するにはシングルクリック
  • ホバー上の要素の強調表示
  • includegetEventListenersなどのコマンドラインAPI
  • uAスタイルを表示する機能
  • スタイルパネル内から「ルールを追加」
  • 縮小されたCSSに使用できるCSSパネル
  • 要素にテキストのみが含まれる場合、HTMLパネルにはテキストがインラインで表示されます
  • JSONプリティフィケーションを使用したコンソールでのXHRロギング(およびポップアップを開かない)
  • HTMLパネルの「属性変更/サブツリー変更/ノード削除の中断」
  • 「mutateでブレーク」、「nextでブレーク」、「プロパティの変更でブレーク」、「cookieの変更でブレーク」
  • cookiesパネル全体
  • コンソールパネルのスタックトレース
  • hTMLの編集と貼り付け
  • ほとんどのパネル内でのフリーテキスト検索
  • 必要に応じていじる多くのオプション
  • イベントログ

もちろん、これには主観的な側面もあります。たとえば、私は個人的にFirebugのUIと外観がdevtoolsの黒さよりも好きであり、ツールの以前の知識は常に重要です。

31
Simon Lindholm

Firebugとネイティブ開発者ツールがマージされているため、これはすぐに無関係になります。

Firebug 2は、マルチプロセスブラウザー(e10sなど)では機能せず、変換が複雑すぎるため、Firefoxでe10sをアクティブにすると機能しなくなります。

Firebug 2が動作を停止し、次の計画を立てたときに準備を整えたいと思います。

すべてのFirebug 3機能をFirefoxの組み込みツールに統合し、すべてのFirebugユーザーをそこに転送します。

拡張機能でFirefox開発者ツールにない重要な機能を提供する必要がある場合にのみ、Firebug 2をFirebug 3(AMO上)をリリースして置き換えます。

現在、XHR Inspector( bug 1211525 )、DOMパネル( bug 1201475 )およびFirebugテーマ( bug 1244054 )の移植に取り組んでいます。

Firebugの次のリリースの主な目標は、Firebugの組み込みのDevToolsに統合することです。これに加えて、Firebug Working Groupは、DevToolsを新しい機能で拡張するためのいくつかの新機能を計画しています。

Firebug 3.0 alpha(別名Firebug.ne​​xt)は現在Firefox 35〜36と互換性があり、今後のマルチプロセス(および非マルチプロセス)ブラウザーをサポートします。

Firebug 3.0(Firebug.ne​​xtとも呼ばれます)は、ネイティブのFirefox開発者ツールの上に構築された次世代のFirebugを表します。

Firebug 2をマルチプロセス(e10s)対応ブラウザーにインストールすると、Firebug 3にアップグレードするか、マルチプロセスサポートをオフにするように求められます。

MozillaはすでにElectrolysisのリリースを数回延期しています。現在の計画では、2016年4月19日にFirefox 46が安定版チャンネルにリリースされるときに、マルチプロセスFirefoxを安定版チャンネルにリリースする予定です。

ただし、これは発売予定日であり、電解がさらに遅れる可能性があります。

Mozillaがブラウザのユーザーにとってリリースの痛みを軽減しなければならないという興味深いアイデアの1つは、アドオンなしのFirefoxのバージョン、および互換性のあるアドオンのみがインストールされているFirefoxのバージョンでのみElectrolysisを有効にすることです。

しばらくの間、Firefox開発者ツールとFirebugの統合に取り組んできました。 Firefox 49から、Firebug.ne​​xtビルトインが出荷されます。

Firebugではなく、組み込みのFirefox開発ツールを使用する場合は、このマージで追加したDOMパネルとFirebugテーマを気に入るかもしれません。

さらに、一般的なFirebug拡張機能(PixelPerfect、FireQuery、およびHARExportTrigger(以前はNetExport))を移植​​しました。そして、私たちがそれに取り組んでいる間、あなたは私たちの新しいWebSocket Monitor拡張機能が好きかもしれません。

Firebugの機能を組み込みツールに移植する一環として、Firebugのテーマも移植し、Firebugユーザーがより使い慣れた環境で作業できるようにします。

このテーマはホット、ホット、ホットです!開発者ツールのFirebugテーマに挨拶してください

Mozillaは本日、Windows、Mac、Linux、Android向けのFirefox 48をリリースしました。ブラウザは、(最終的に)マルチプロセッサのサポート、有害なダウンロードに対する保護の強化、Androidでのメディアの改善を実現しました。古いOS XバージョンのサポートとAndroid Gingerbreadは廃止されました。

Firefox 48では、Mozillaはゆっくりとマルチプロセスサポートを有効にし、ユーザーの1%から始めて、Firefoxリリースチャネルのほぼ半分まで増加しています。 Electrolysisグループにいるかどうかを確認するには、URLバーに「about:support」と入力し、Multiprocess Windowsの行項目の下に「1/1(デフォルトで有効)」と表示されているかどうかを確認します。

参考文献

6
Paul Sweatte

向こうの誰かがここで私の質問を見たようです;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

問題は、それもあまり答えないことです。しかし、Firebugは今のところ差別化する余地があまりないので、それを変更する方法を模索していることを示唆しています。

6
janpio

ネットワークパネルとタイムライン 機能の実装後でも最大の利点は、さまざまな Firebug Extensions が利用できることだと思います。たとえば、YSlow、Page Speed、FirePython等々。

最終的には、おそらくあなたの個人的な好みに基づいた選択肢であり、最も便利で迅速な選択を可能にする武器を思い付くでしょう。

この決定に関する興味深い詳細は、 Firebugがかつてあった Firefoxでパフォーマンスに最も大きな悪影響を与えたプラグインの1つです。特に、組み込みの開発ツールがFirebugよりもパフォーマンス面で優れている場合、そのことに関する現在の研究については知りません。

5
Volker E.

現在のfirebugバージョンに対するネイティブ開発ツールの利点の1つは、firebugにはないソースマップがあることです。

0
Lajos Meszaros

大規模なエディターモードのコンソールコマンドラインでは、現在のコンテキストに対してコードを実行できます。新しいスクラッチパッドには、現在のブレークポイントスコープは表示されません。これはひどい損失です。

0
tqwhite

FirebugにはあるがFirefoxに組み込まれているインスペクターにはないユニークな機能には、次のものがあります。

  • XPathをコピー
  • 最小XPathをコピー
  • CSSパスをコピー

Firefoxの組み込みインスペクターにはあるがFirebugにはないユニークな機能には次のものがあります。

  • ユニークセレクターのコピー
0
sampablokuper