かなり前に、FireFox Firebugプラグインに非常によく似た新しい開発者ツールを使用してIE8リリースノートを書きました。 そして今、数ヶ月間皆と仕事をした後、彼らについて意見を共有する時が来ました。
まず第一に、両方のツールが優れています。 Web開発（重いJavaScript）を行っている場合は、必要なツールを使用して両方のブラウザーをインストールしてください。 IE7を使用している場合は、アップグレードしてください。 IE6を使用している場合、神はあなたに慈悲深くあらんことを。 彼を退治してください。 テストのために、 IE6仮想マシンをロードできます。
ご使用の環境にR＃がインストールされていない場合、あなたを助けてくれない。 最近、Web開発者は同じ状況にあります。 IE8とFirefox + Firebugが必ず必要です。
両方のツールを使い始めるのは簡単です。 F12はあなたの親友であり同志です。 クリックすると、強調表示されたhtmlコード、コードをグループにまとめる機能、およびCSSスタイルに関する情報が表示されます。
そして、長い間説明しないように、IE8とFireFoxだけでなく、比較表を提示します。
| 機能 | IE8 | Firebug +
Firefox | オペラ | サファリ | クロム | 必要性 |
|---|---|---|---|---|---|---|
| HTML | ||||||
| 構文の強調表示 |  | | | |  |  |
| コードの折りたたみ | | | | | | |
| HTML編集 | | |  | | | |
| HTML検証 | * | | | | | |
| フラッシュキャッシュ | | ** | ** | ** | ** | |
| ハイライトとハイライト | | | | | | |
| マークアップ | | | | | | |
| CSS | ||||||
| CSSの表示/変更 | | | | | | |
| CSSハイライト | | | | | | |
| CSSスタイルを無効にする | | | | | | |
| 新しいスタイルを作成する | | | | | | |
| CSS検証 | * | | | | | |
| Javascript | ||||||
| JavaScriptバックライト | | | | | | |
| JavaScriptのデバッグ | | | | | *** | |
| ブレークポイント | | | | | *** | |
| 段階的なデバッグ | | | | | *** | |
| JavaScriptプロファイラー | | | | | | |
| Javascriptの実行 | | | | | | |
| 呼び出し履歴 | | | | | | |
| ローカル変数 | | | | | | |
| 可変トラッキング | | | | | | |
| Webサービスを表示する | | | | | | |
| 無形 | ||||||
| イスロー | | | | | | |
| ブラウザモードを切り替える | | | | | | |
| フローティングパネル | | | | | | |
| カラーピッカー | | * | | | | |
| カラーピッカー | | * | | | | |
| ネットワーク要求監視 | | * | | | | |
*サードパーティのサイトの使用
**アプリケーションのさまざまな場所から利用可能
***技術的には可能ですが、試してみたいとは思わないでしょう
ご覧のとおり、すべてのツールにいくつかの機能がありません。 YSlow、Consoleタブ、Firebug Networkタブは大きな機会を提供します。 欠落している機能については、 Web Developer Toolbarをインストールする必要があります。
IE8の場合、IE7モードとIE8モード（標準モードまたは互換モード）を切り替えることができるという事実は非常に大きなものです。 Html / CSS IEのビルトイン検証も害になりません。 しかし何よりも、IE8の組み込みツールが際立っています。 色の選択、キャッシュ管理、パス、パターン。 FireFoxでこれらの機能を使用するには、 Web Developer Toolbarをインストールする必要があります 。 IE8でトラフィックを追跡するには、 Fiddler2をインストールする必要があります。 実際、両方のブラウザーにFiddlerが必要です。
他のブラウザの場合：
Google Chrome ：はい、機能の基本的なリストを含む[開発者]メニューにアイテムがあります。 かなり不足していますが、html、css、JavaScriptを表示したり、JavaScriptをデバッグしたり、cssをオンザフライで変更したりすることができます。 一般的に、ChromeはIE8とFireFoxの背後にあります。
Apple Safari： Safariにも開発者ツールがありますが、Chromeとまったく同じであり、いくつかのアドオンがあります。 彼らは1つのエンジンを使用しますが、それを気にして、少なくとも2つの新しいアイコンを追加するので、それは明らかです！
はい、問題は、開発者向けのツールを表示するには、メニューバーを表示する必要があることです。 次に、設定の[アドオン]タブに移動し、[メニューバーに[開発]メニューを表示する]チェックボックスをオンにします。 次に、[開発]メニューに移動し、[Webインスペクターを表示]を選択します。
私は今でもSafariはFireFoxやIE8より優れていると思います。
Opera ： Operaのツールに問題があります。 おそらくそれは私自身のせいです。 しかし、あなたが得るものは使用可能です。
勝者
このレースでFireFox + Firebugにわずかなアドバンテージを与えないことは難しいですが、IE8が開発者に強力なツールキットを提供したことも忘れないでください。