Internet Explorerでのブラウザチェックにおすすめのツール

2012/01/13

Other

Web制作をしている方なら｢Internet Explorerでのブラウザチェックが大変...｣｢バージョンによってCSSの解釈が違い過ぎる...｣｢CSSハックを使うのはIEくらい...｣というようなことを思ったことはないでしょうか？私は度々あります...。
他にもFirefox・Safari・Chrome・Operaなどブラウザはたくさんあり、スマートフォンでの表示チェックもしないといけない中、やっぱり一番チェックに時間がかかるのがInternet Explorerだと思います。
Internet Explorerのバージョン毎の表示をチェックできるツールにはいろいろあります。
"IETester"や"Utilu IE Collection"を使っておられる方が多いのではないのでしょうか？
私の場合、IETesterはポップアップ等がうまく機能しなかったり、動作が重い気がするので今は使っていません。Utilu IE Collectionはかなり前のバージョンまでカバーされているので便利なのですが、基本的にバージョン7～9までを対応することにしていますので、そこまでは必要ありません(バージョン9の登場で、一応バージョン6は対応外としています)。
そこでおすすめなツールがInternet Explorerに実装されている"開発者ツール"です！

Keyword：ブラウザチェック,Internet Explorer,開発者ツール

インターネットエクスプローラーのブラウザチェック

Internet Explorerの開発者ツールの使い方はとても簡単！
まず最新のInternet Explorer9をインストール(もしくはアップデート)します。
Windows OSがXPの場合、Internet Explorerはバージョン8までしかインストールできませんが、同じように開発者ツールは使うことができます。
※この場合、バージョン9での表示確認はできません。

次に、[ツール]から”開発者ツール”を選択します。
※ファンクションキーの12番(F12)を押しても起動してくれます。

[ツール]から"開発者ツール"を選択