IEテスターをやめてIE搭載の開発者ツールを使うことにした。

いつも頭を悩ますIE表示への対応。
先日もうっかりアイコンフォントの対応を忘れててとんでもない表示になってたことが。


なんせ重いし、エラーで開けない、強制終了多発・・・と、なんとも使えないものになってしまったIEtester。
前はこんなじゃなかったのに、、、

My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10

なので、なんかないかと探してみたら・・・

灯台下暗し。

なんと!IE(インターネットエクスプローラー)そのものに、ちゃんと搭載されていた。

いつからあるんだ?これ?

IE6はマイクロソフト自身も見限った様で、IE7以降のバージョンを確認できます

軽くて簡単で助かる~♪

IEの開発者ツールの使い方

インターネットエクスプローラーの右上の設定(歯車みたいなアイコン)をクリックし、出てきたメニューの”F12 開発者ツール”にチェックを入れます。

開発者ツールにチェック

 

 

 

そうすると、

ページの下部に下図の様な欄が出現します。

 

ページの下にこんなのが出現

 

”ブラウザモード”というメニューがあるので、クリックして確認するIEのバージョンを選ぶと開いているページが再読み込みされます。

結果

当ブログの場合・・・

そう変わりはないですが、パッと見てわかるのはページ上のシェアアイコン部分かなー

IE7と8の場合IE9と互換の場合 IE10の場合

 

操作の簡単さとこの軽快さ。

ありがたいですねー

参考サイト

IEでの表示確認に必須!IE開発者ツールの使い方 | Web制作会社スタイル

Webページのトラブル原因究明にIE8の「開発者ツール」を活用する - @IT

F12 開発者ツールについて (Windows)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA