Firefox + FirebugとIE8開発者ツールバー

かなり前に、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が開発者に強力なツールキットを提供したことも忘れないでください。