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

-ブラウザ


comment

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

関連記事

[備忘録]Google Chrome:検索結果を常に新しいタブで開く方法

Chromeのタブを快適に! 普段、ブラウザはFirefoxを使っているのだが、たまにChromeを使うことがある。 稀にしか使わないので、あまりカスタマイズとかしていないが、ちょっとずつ不便を解消し …

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

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

no image

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

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

[備忘録]Google Chrome:起動時にものすごい時間がかかり「ページ応答なし」のエラーが出てしまう場合の対処

まだあった、Chromeを快適にするための方法 先週のブログ「[備忘録]Google Chrome:検索結果を常に新しいタブで開く方法」で、Chromeについての使い勝手を良くしている話を書いたが、実 …

no image

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

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