『Internet Explorer 10 移行セミナー』フォローアップ

去る 6 月 6 日 (水) に『Internet Explorer 10 移行セミナー』 が開催されました。

このセミナーは、既存の Web コンテンツを支障なくかつ速やかに、最新の Internet Explorer 10 のドキュメントモードで正しく動作するよう移行していただくことを目的にしたセミナーです。

私も 『最新開発支援ツールを使ったデバッグ対応』というタイトルでセッションを担当し、Internet Explorer F12 開発者ツール、Compat Inspentor、Fiddler の紹介、また、それらを組み合わせて、古い Internet Explorer に合わせて作った Web コンテンツを、最新の Internet Explorer 10 のドキュメントモードで正しく動作するよう検証、修正するための手順を紹介しました。

スライドをシェアしましたので、ご興味のある方はご覧ください。

※私のセッションは、小粋なデモと楽しいお喋りがメインですので、スライドだけを見てもありよく分からないかもしれませんが。

最新開発支援ツールを使ったデバッグ対応

View more presentations from Osamu Monoe.

セッションして紹介しましたツールの情報は以下で入手することができます。

 

使ってみよう! [F12] IE9 開発者ツール - 検証機能
https://blogs.msdn.com/b/osamum/archive/2011/10/05/hehehe.aspx

 

F12 開発者ツールで Web ページをデバッグする方法
https://msdn.microsoft.com/ja-jp/library/gg589507(VS.85).aspx

Internet Explorer ブログ (日本語版) - IE9 Compat Inspector
https://blogs.msdn.com/b/ie_jp/archive/2011/06/22/10177708.aspx

 

IEBlog 日本語  - IE10 Compat Inspector
https://blogs.msdn.com/b/ie_ja/archive/2012/02/08/ie10-compat-inspector.aspx

 

Compat Inspector の URL
https://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js

 

Fiddler (入手先)
https://www.fiddler2.com/fiddler2/

 

Fiddler の Demonstration Video
https://www.fiddler2.com/Fiddler/help/video/default.asp

なお、Compat Inspector と Fiddler を組み合わる設定方法は、弊社奥主のブログに詳しい手順が掲載されていますので、ぜひご覧ください。

 

Hiroshi Okunushi's Blog - 【IE】 IE10 互換性の考え方と Compat Inspector
https://blogs.msdn.com/b/hirookun/archive/2012/04/29/10298783.aspx

 

Internet Explorer の互換性についのドキュメントは以下のものがありますのでご活用ください。

 

Compatibility
https://msdn.microsoft.com/en-us/library/hh772379(VS.85).aspx

Internet Explorer 9 の互換性ガイド
https://msdn.microsoft.com/ja-jp/library/ff986083(VS.85).aspx

Internet Explorer 10 Compatibility Cookbook
https://msdn.microsoft.com/en-us/library/hh801219(VS.85).aspx

 

Real Time Analytics

Clicky