Skip to main content

Internet Explorer 8 Developer Tools による生産性向上

更新日: 2008 年 3 月 7 日


本記事は、Internet Explorer 開発チーム ブログ (英語) の翻訳記事です。本記事に含まれる情報は、Internet Explorer 開発チームブログ (英語) が作成された時点の内容であり、製品の仕様や動作内容を保証するものではありません。本記事に含まれる情報の利用については、 使用条件をご参照ください。また、本記事掲載時点で、Internet Explorer 開発チーム ブログ (英語) の内容が変更されている場合があります。最新情報については、Internet Explorer 開発チームブログ (英語) をご参照ください。

翻訳元 : Improved Productivity Through Internet Explorer 8 Developer Tools (英語)



過去 1 年間を通じて、 Internet Explorer での開発時に Web 開発者の生産性向上を図るためのさまざまなツール ( Web Development Tools for Internet Explorer (英語) Tools for Detecting Memory Leaks (英語)) について書いてきました。これらのツールはマイクロソフト内外のパートナーが開発したものです。そのうちの 1 つ ( IE Developer Toolbar (英語)) は、サイトを IE でデバッグするのに役立つ、無料で軽量なツールへの要望に応えて IE チームが開発したものです。

IE8 Developer Tools は、Internet Explorer で開発者の生産性向上を支援する次のステップです。この投稿では、 IE8 Beta 1 で利用可能なツールを紹介し、それらのツールに関する詳細情報をお教えします。

統合化された、使いやすい Developer Tools

Internet Explorer 8 では、開発ツールを使いやすくし、すぐ利用できるよう同梱することで、デバッグ過程を簡易化しています。別のデバッグ用アプリケーションを見つけてダウンロード、インストールする必要はありません。 Shift キーを押しながら F12 キーを押すか、コマンド バーの [開発ツール] アイコンをクリックするだけで、すぐに使用できます。

また、 JScript をデバッグする際には、[ Script ( スクリプト ) ] タブに切り替え、[ Start Debugging ( デバッグ開始 ) ] ボタンを押します。スクリプト デバッグが無効になっている場合でも、 Internet Explorer 8 のページが最新の情報に更新され、現在の IE インスタンスのみが有効となり、 Web のブラウズ中にスクリプト エラー ダイアログは表示されないことを警告します。また、ページの更新やダイアログ表示をしない場合は、インターネット オプション コントロール パネルの [ Advanced ( 詳細 ) ] タブで Internet Explorer のスクリプト デバッグを有効にします。

次にデバッガを示します。

ツールを開いていない場合でも IE Developer Toolbar (英語) がパフォーマンスに影響を与えるというフィードバックも得ていたので、その問題を解決するための確固とした設計を行いました。 Beta 1 用にこの新しい設計をビルドするにあたっては、 IE 開発ツールバーからの新機能をすべて元どおりにすることよりも、新しいシナリオに重点を置きました。結果として、IE 開発ツールバーの多くの機能が IE8 Beta 1 では利用できなくなっています。ですが、将来の Beta 版では、新機能を追加すると同時に開発ツールバーの機能を元どおりにし、既におなじみの機能を使用できるようにする予定です。

プラットフォームのビジュアル インターフェイス

IE8 Developer Tools では、デバッグ プロセスの簡易化に加え、サイトに関する新しい分析観点が提供されます。単なるに関する Internet Explorer の内部表現を表示できます。たとえば、このツールの DOM ツリーは、ソースを使用するのではなく、 IE が内部に作成したツリーを使用してページを表示します。したがって、スクリプトがツリーを変更すると、 IE8 でも更新したツリーが表示されます。要素のスタイル情報を表示し、次に示すように、どのルールが適用されるか、またはどのルールが既存のスタイル プロパティを指定するかどうかを、いっそうよく理解することができます。

実験の高速化

また、Internet Explorer 8 Developer Tools は、IE 内部でサイトを編集することで、実験と反復を高速で行えるようにします。たとえば、気になるスタイル規則やプロパティがあれば、それを有効化、または無効化するチェックボックスをクリックするか、 DOM ツリーの属性をクリックしてその場で編集します。

このツールを使うと、利用可能なすべての表示モードへのアクセスが容易になるため、異なるモードをすばやくテストすることができます。

変更保存、アプリケーション間での切り替え、ページ更新をする必要がなくなるため、テスト、デバッグ、実験をより速く容易に行えます。

その他の情報

Internet Explorer Developer Tools の詳細については、次のリソースを参照してください。

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

John Hrvatin
プログラム マネージャ
Internet Explorer

編集 : 「互換性モード」の画像更新

2008 年 3 月 7 日金曜日発行 ( ieblog (英語) 上)

タグ : General IE Information (英語) Developers (英語)

 

ページのトップへページのトップへ

評価してください: