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

-ブラウザ

関連記事

no image

Firefoxのバージョンアップ(Ver4 → 9)

基本的に今までできていたことができなくなるのがイヤな性格なので、、 Firefoxのバージョンアップも、ずっと見送ってきた。 が、あまりにも動作が重く、支障を来すようになってきたので、重い腰を上げてバ …

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

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

no image

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

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

[備忘録]Firefoxバージョンアップのリスク!使えなくなるアドオンの対処まとめ

バージョンアップしたいのは山々だが、使えないアドオンが毎回でてくる。。 ブラウザはいつもFirefoxを愛用している。 お気に入りのアドオンなども沢山入れて、自分にとってとても使い勝手の良い環境にカス …

[Firefox]アドオンを使わずにソースビューワーを外部エディターに変更する方法

どうしても秀丸でソースを開きたかった! Firefoxで、「ページのソースを表示」した際に、任意の外部エディターを指定するには「ViewSouceWith」というアドオンを使うことは結構知られていると …