CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

ブラウザ

古いバージョンのIEでブラウザチェックする方法

投稿日:

Webサイトは閲覧する環境によって見え方が違う場合がある

Webサイトは、実はどのパソコンで見ても同じように見えるとは限らない。。

例えば、OS(Windows/Macなど)や、ブラウザの種類(Internet Explorer/Google Chrome/Firefox/Safari/Operaなどなど)、さらには同じブラウザでもバージョンの違いによって、表示のされ方が違ったりすることが稀にある。(厳密に言うと、個人の設定によっても異なる。。)
そこにスマホやケータイなども加わると、もういったい何種類なのかわからないくらい。。(^^;

Webサイト納品時のブラウザチェックが必須

そのため、Webサイトを制作し、納品(公開)するときには、さまざまなブラウザで問題なく表示されるかチェックを行う。

PCサイトの場合、Chrome/Firefox/Safari/Operaなどはその時の最新バージョンでチェックを行うが、シェアが多いInternet Explorer(IE)は、今であればVer8~11までをチェック対象としている。

古いバージョンをどうやって確認するか!?

そこで問題となるのが、基本的に新旧バージョンのIEを同じPCにインストールできない(共存できない)ということ。。
IE10と11くらいであれば、デスクトップ、ノート、、それぞれに別々にインストールしておいて そこでチェックすることができるが、、そこにVer7/8まで含めるのは現実的にムリ。

古いバージョンのIEでチェックする方法

その1:IEのエミュレーション機能を使う

比較的新しいバージョンのIEには古いバージョンの表示が確認できる「エミュレーション機能」がある。

auto0091
ここでページ下部の「ブラウザモード」から好みのバージョンを選択すればOK。
auto0092

その2:IETesterを使う

IETesterは、ツール上でバージョンを選択し、表示することができます。
auto0093
※ツール入手先:IETesterのダウンロード

インストール後、「オプション」から日本語の言語選択ができます。

ただし、IETesterは動作が不安定、、などという声も聞かれますので、どちらのツールが良いか使い勝手などを勘案してご判断ください。

-ブラウザ

関連記事

[Firefox]サイト内検索を簡単に行うアドオン:Insite Search

Googleで検索するとき、特定のサイト内を対象にキーワード検索を行う場合、 「site:http://www.xxxx.com 検索文字列」という具合に「site:URL」を入れる必要がある。 が、 …

no image

[Firefox]Googleツールバーの検索履歴がマウスで選択できない

FireFox4にアップグレードしてから、Googleツールバーの検索履歴がマウスで選択できなくなった。 「↓」キーを使うと選択できるのだが、なんとも不便。。。   そこで、対処方法を。   どうやら …

FireFox3を(使用頻度の低い)自宅PCに入れてみた。

FireFox3がリリースされた。 が、元SEとしては、(新車でもなんでもそうだが、、)リリース直後にすぐ飛びつくのは慎重にならざるを得ない。(自分の開発経験から、、リリース直後は不安定だと思ってるの …

no image

Firefox:エラーメッセージ、やっと解決!

FireFoxで、”There was a problem with the request”とのエラーメッセージが数分おきに表示され、原因がわからず ずーっと保留にしていた件 …

no image

Firefoxでmixiの表示が不正になる場合の対処

今までも数ヶ月に一度くらいの割合で起こる、、とても困った現象。。。 Firefoxでmixiを操作していると突然CSSが効かなくなったように表示が不正になる。。。 アドオンを無効にしてみたり、セーフモ …