18

私は Web 開発に不慣れで、Firebug を使用するための提案を聞いています。問題は、要素の検査機能よりも Firebug の利点が見当たらないことです (私は Firefox 24 を使用しています)。何か不足していますか？

1 つのツールに慣れてから、より良いツールに切り替えるために自分のやり方で行き詰まるのが怖いです。いずれかのツールで優れている特定の機能についてアドバイスしてください。

4

3 に答える 3

13

2年ぶりの更新

開発ツールをますます使用するにつれて、いくつかのことに気付くようになりました。

  1. Firefox の Dev-Tools は開発地獄にあるようです。私の回答から2年が経ちましたが、機能や使いやすさに目立った進歩はほとんどありません.

    • ネットワークパネルとデバッガーのわずかな改善ですが、Chrome と同じくらい良いものにするためには、まだあまりにも多くの作業を行う必要があります.
    • デバッガーはまだ混乱しており、ブラウザーはブレークポイントで頻繁にハングアップします。
    • JSON オブジェクトは依然として非常に苛立たしいツリー形式で表示され、JSON 文字列にコピーまたは展開する方法はありません。
    • タイムライン機能は控えめに言っても笑えます。

    これらは非常に基本的な要件であるため、Mozilla は Dev Tools を少しも気にしていないと私は信じるようになりました。

  2. Firebug は失われました。どこにも行きません。チームは、組み込みの Dev-Tools の上に構築される新しい Firebug 3 を作成するために苦労しています。現在、Dev-Tools は非常に力不足であるため、Firebug の人々が少なくとも 1 年間は適切なユーザビリティに近づくことを望みません。

  3. それがChromeにつながります。最新バージョンを見てみると、Chrome チームは開発者ツールの領域でほぼ確実に優位に立っているように見えます。彼らは開発者に重点を置いており、Web 開発のテストと開発を簡素化するためのいくつかの気の利いたものを作成しました。

結論として、今日の質問に対する回答が必要な場合は、Chrome をお勧めします。それはあなたの多くを節約します：

  • 血（沸騰から）、
  • 汗（コーディングから）、そして
  • 涙（デバッグから）

ありがとうございました。

さて、私の2歳の自分の考えを読んでください：

いくつかの違い:

++= web inspector の方が優れている
--= firebug の方が優れている = なんとも
==言えない

++ Web Inspector には3D モードがあり、 z インデックスをいじったり、要素のヒット領域が適切に識別されない場合に非常に役立ちます。
++ Firebug をタブで開いている場合、別のタブに切り替えて戻ってくると、切り替えにかなりの時間がかかります。この問題は明らかに Inspector にはありません。

この問題は、Firefox の Javascript Debugger (JSD) のバグが原因でした。これは既知のバグであり、これを書いている時点で修正中です... 1.13.0alpha リリースをインストールすると、このバグが修正されます。Firefox の新しいバージョンでは、JSD も修正されます。

++さまざまな解像度でサイトをテストするためのすばらしいレスポンシブ デザイン モード。

-- Firebug、XPath、Sass などのアドオンがたくさんあり、拡張開発に最適です
-- (主観) web-inspector のカラー テーマは非常にクールだと思いますが、実際に使用してみると非常に使いやすいです。難しい。

== オブジェクトが firebug とインスペクターの両方で出力される方法は、同じように悪いです (Chrome はここで君臨します!)
コンソールに書き込みます:console.log(window)私が話していることを確認します。実は、ここでもインスペクタより Firebug の方が優れています。

于 2013-11-24T10:03:19.607 に答える