自サイトのブラウザー表示を確認する

IEのバージョンごとの見え方

IEでのサイト表示をバージョンごとに確認する

この方法は、インターネットエクスプローラーのみの確認になります。

IEでサイトを開き、開発者ツールで確認する

IEの画面のツール(O)ー F12開発者ツールをクリック

development_tool

開いたウインドウのedgeの下の数字を選ぶ

画像は、ver9.0を選択しています。

development-tool2

IE Ver10.0の表示

IE10での表示

これが本来意図した表示です。

IE ver9.0

IEの古いバージョン用のCSSを左から右へのグラデーションに変えたため、感じは変りましたが読み取り可能です。
角丸はなくなっています。

IE Ver9.0

IE ver8.0

Ver9.0と同じ表示です。

IEVer8.0

IE Ver7.0

グラデーションが無くなり背景の色も薄くなりましたが、読むことができます。

IE Ver7.0

IE Ver5

このレベルのバージョンですとアクセスほとんどないので、対処無しです。
Yahoo、google、MSNは多少字が見づらくなりますが、ちゃんと見ることできます。

元々、H2の見出しは白字なのでcssのbackgraundが読み込まれないと表示できません。
マウスでドラッグすれば見えますが….

IE Ver5

本当は、Ver6.0が欲しいのですが、サイトのサクセスの0.1~0.2%なので未対応としています。

シェアする

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

フォローする