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


99

私はFirefoxのアドオンをクリーンアップし、疑問に思いました:

  • Firebugにはどのような特徴があり、ユニークなのですか?

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


3
私はMozilla Hacksのrssフィードを読んでおり、ネイティブツールがFirebugよりも優れたものになり始めているようです。彼らと一緒に作業し、誰かが2014などのためにということを確認することができればいいだろう- hacks.mozilla.org/2014/02/...
llamerr

2
Firefoxの現在の比較的速いリリースサイクルを考えると、単純に作業を組み合わせるだけでは実行可能ではないでしょうか。Firefox DevToolsがプリミティブだったときにFirebugがpdf.jsと同じように戻らないのはなぜか困惑していました... Firefox 29以降の新しいDevToolsを使用すると、FirebugとDevToolsの間でいくつかのタスクを実行することができますそれはどちらか一方でよりよく実行することができます。
unode

回答:


53

Firefoxのネイティブ開発者ツールは、この質問が書かれてから長い道のりを歩んできました。違いは主に次の点に減少しました:

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

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

Firebugの統合

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

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


2
15.11.2014-FF 33.0:ネイティブの検査ツールに多くの改良が加えられました。 フィルターはネットワークタブで使用できます多くの本当にクールで便利な機能:3Dビュー、レスポンシブデザインモード、カラーグラバー、使用済みフォント+フォントプレビュー。Firebugに比べてパフォーマンスが大幅に向上Cookieは、Firefox- >ツール->ページ情報->セキュリティで表示できます。 firebugアドオンがネイティブツールの高いパフォーマンスを得るのは不可能だと思うので、うまくいけば、いつかfirebugをネイティブツールに置き換えることができます。
malisokan 2014年

FireBug 3.0はネイティブツールとどのように違いますか?基本的にはネイティブツールにスキンを適用したように見えますが、Firebug 3.0a9とFF 36.0.1のネイティブ開発ツールとの比較は見つかりませんか?
gabaum10

31

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

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

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


1
このリストの多くは今日は関係がないようです。
Aleks-Daniel Jakimenko-A。

firebugは最近firefoxに統合されました(2016年11月)...そして、「シングルクリックで編集」のようなこれらのシンプルな機能/小さなかなりの改善はすべてなくなりました..すべての良いものは消えました.... firebugユーザーの生産性と同じです:( ...一般的に、FirebugのUIはより良く、より速く動作しました
webdev-dan '29


6

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

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

Firebug 2が機能しなくなったときに準備を整えて、次の計画を立てました。

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

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

現在、XHRインスペクター(バグ1211525)、DOMパネル(バグ1201475)、Firebugテーマ(バグ1244054)の移植に取り組んでいます。

Firebugの次のリリースの主な目標は、Firefoxの組み込みDevToolsに統合することです。これに加えて、Firebugワーキンググループは、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のリリースを数回延期しています。現在の計画では、Firefox 46が安定版チャネルにリリースされた2016年4月19日にマルチプロセスFirefoxを安定版チャネルにリリースする予定です。

これはリリース予定日ですが、電解がさらに遅れる可能性があります。

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

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

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

さらに、いくつかの一般的なFirebug拡張機能(PixelPerfect、FireQuery、および以前はNetExportであったHARExportTrigger)を移植しました。その間、新しいWebSocketモニター拡張機能が気になるかもしれません。

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」と入力し、マルチプロセスWindowsの項目の下に「1/1(デフォルトで有効)」と表示されているかどうかを確認します。

参考文献


これは関連性があり、それらはマージされません。新しいFirebugはDevToolsの上に構築されるため、既存の機能が重複することはありませんが、独自の機能がいくつかあります。
ユーザー

@user Honza、主要開発者の一人は、これは上記のリンクMozillaのハックブログ記事で言っていた:One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.
ポールSweatte

1
「Firebug 3は別の開発者ツールではなく、DevToolsの上に構築された薄いレイヤーであり、DevToolsをFirebugのように見せるための新しいテーマを提供します。DevToolsに段階的に移植するいくつかの追加機能もあります。 」(ソース)だから私はあなたが正しいと信じています、最終的にはそれは完全にDevToolsにマージされます。
ユーザーの

5

ネットワークパネルとタイムライン機能の実装後も、最大の利点は、YSlow、Page Speed、FirePythonなどのさまざまなFirebug拡張機能が利用できることです。

結局のところ、あなたの個人的な好みに基づいたより多くの選択肢であり、最も便利で高速な武器を思いつくことになるでしょう。

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


4
そのリストは起動時のパフォーマンスのみに関するものであり、Firebugが遅延ロードされたときに1.10で大幅に改善されました。それでも、Firefox devtoolsは、Firebugの「遅い」という一般的な見方によって損なわれるのを避けたいという理由から、使用中のパフォーマンスをより重視します。その結果、使い勝手がよくなるかどうかはわかりません。
Simon Lindholm 2013年

0

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


0

Firebugには備わっているが、Firefoxの組み込みインスペクターにはない独自の機能には、次のものがあります。

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

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

  • 一意のセレクタをコピー

ちなみに、要素のXPathのコピーはバグ987877でリクエストされています。Firefox53.0以降、要素を右クリックして[ コピー] > [ CSSパス ]を選択すると、CSSパスをコピーできます(バグ1323700を参照)。
Sebastian Zartner 2017

0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.