IETesterとIE9開発者ツールで古いバージョンの動作確認をする ホームページ制作 | 墨田区

IETesterとIE開発者ツールで古いバージョンの動作確認をする

LINEで送る
Pocket

IETester というツールを使って、古いバージョンの動作確認する方法です。

Web 制作をやっていると、必ず出てくる問題として各ブラウザでの動作確認です。
特に、IE ( Interne Explorer ) のバージョンには気を使います。
ここでは、私がよく確認する方法を記載します。皆さんの参考になれば幸いです。

基本ブラウザ

開発時のメインブラウザは、Firefox を利用しています。Firefox は正しく表示してくれるブラウザであり、Firefox でのチェック後、IE でのチェックをおこなっています。
他のブラウザ確認は、その後におこないます。
※Firefox⇒IE⇒Google Chrome⇒Safari の順番で確認しています。皆さんはどんな順番なのでしょうか?





【PR】マジか?!「アレ」してるLINEスタンプっていったい・・・



IE9 開発者ツールを利用する

IE9 開発者ツールを利用すると、IE7 ~ IE9 までの表示を確認できます。IE5.5 ~ IE6 のシェアは、ほとんどなくなってきているので、IE7 以降だけ確認すればよいという方にはこちらの方が使いやすいかも知れません。


IE9 開発者ツールの利用方法

まず、IE9 にて、確認したいページを開きます。そして、F12 キーを押してください。
すると、画面下に開発ツールが表示されます。このメニューの「ブラウザーモード」を選択すると、IE7 ~ IE9 までの表示変更ができます。切り替えして表示の確認ができます。
IE9 開発者ツール 001


IETester を利用する

IETester を利用すると、IE5.5 ~ IE10 までの動作確認をおこなうことができます。
ただ、バグがあるのか、たまにクラッシュしてしまいますので、ご利用には注意が必要かもしれません。


IETester のインストール

IETester のインストール手順を記載しますので、興味のある方はインストールしてみてください。
こちら のページからダウンロードできます。
IETester install 001
※ここでは、バージョン 0.5.2 を利用しています。

ダウンロードした「install-ietester-v0.5.2.exe」をダブルクリックします。
IETester install 002

次に「実行」をクリックします。
IETester install 003

次に「I Agree(同意する)」をクリックします。
IETester install 004

次に「Next」をクリックします。
IETester install 005

次にインストール先を選択し、「Install」をクリックします。。
IETester install 006
※ここでは、デフォルトの「C:\Program Files\Core Services\IETester」へインストールします。


インストールが始まりましたね。
IETester install 007

デスクトップにできた「IETester」のアイコンをダブルクリックします。
IETester install 008

画面右側に、どの IE で表示するかの選択があるので、確認したいバージョンをクリックします。
IETester install 009

URLを入力して表示を確認します。
IETester install 010



まとめ

古いバージョンの IE をどこまでサポートするかは、製作者次第だと思いますが、検証や修正にはそれなりに時間もかかるのも確かです。
閲覧される方には、正しい表示で見て頂きたいですが、思い切って IE7 以降しかサポートしないというのも、1つの決断かもしれませんね。


おつかれさまでした。

LINEで送る
Pocket

この記事がお役に立ちましたら シェア をお願いいたします。

コメントを残す

お名前 (必須)
メールアドレス
(アドレスは公開されません)

コメント(必須)

Trackback URL