Back to Top

全Web制作者に知らせたい!IE9でIE7/8のブラウザチェックをする方法があった!

titleUnder

IE ブラウザチェック

Internet Explorer9では開発者ツールからIE7とIE8にブラウザモードを切り替えることができます。IE9だけでIE7とIE8のブラウザチェックができ、IE Testerより動作が安定しているので使わない手はないですね!知っている方が多いかもしれませんが、全Web制作者に知らせたいTipsです。

IE9でIE7/8のブラウザチェック

Webparkさんのエントリ・今さら知った、IE9でIE7と8での表示を確認する方法を見て内心「まじか!」と思って試してみたら本当でした。自分も今まで知らなかった・・・orz
IE8以下のブラウザチェックにはIE Testerを使っていますが、IE7はよくクラッシュしてイライラしていたので、「どげんかならんとね:-(」と思っていたところでした。IEは基本的に使わないので、IE自体にIE7/8の切り替えができる機能があることを知らないWeb制作者も案外少なくないのではないかと思います。WebparkさんのエントリでIE7/8への切り替えの方法が解説されていますが、備忘録がてら解説したいと思います。

IE9でIE7/8のブラウザチェックする方法

右上の「設定(歯車アイコン)」から「開発者ツール」を選択します。「F12」キーなら一発で開きます。
IE ブラウザチェック

開発者ツールのメニューから「ブラウザーモード」を選択すると、IE7やIE8に切り替えることができます。「Internet Explorer9 互換表示」は以前のバージョン向けに制作されたWebサイトを、IE9でも正しく表示させるモードです。
IE ブラウザチェック

「ブラウザーモード」と「ドキュメントモード」

「ブラウザーモード」の隣にある「ドキュメントモード」でもIE7/IE8への切り替えができます。両者がどう異なるのかは小粋空間さんのエントリIE8/IE9の「ブラウザーモード」と「ドキュメントモード」のまとめでサンプルを使ってテストされているのでとても分かりやすいです。

IE ブラウザチェック

ブラウザーモード」は条件付きコメントやユーザーエージェントに影響を与えるモードのため、ページ全体の挙動をチェックをする際に使用します。
ドキュメントモード」は条件付きコメントやユーザーエージェントには影響せず、コンテンツの描画を切り替えるモードのため、CSSハックによるブラウザごとの表示確認、CSSサポート状況などをする際に使用するようですね。

IE Testerだと表示に時間がかかりますし、Javascriptでエラーになることもあるので面倒だったのですが、純正のIEで表示するだけあって表示速度もIE Testerに比べて激早です。IE6には切り替えられないため、IE6だけはIE Testerでチェックするしかなさそうですね。

このエントリーをはてなブックマークに追加 Clip to Evernote

Comments