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


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:5,400 | Leave a comment

いつも頭を悩ます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)

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:5,400 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

  • 影

Leave a Reply

Required fields are marked *


CAPTCHA