中小企業のためのコンピュータ活用を応援!
mail:メールアドレス

Webサイトのブラウザチェック方法まとめ 【クロスブラウザテスト】

最終更新日:2014年11月25日


Webサイトを作成したときに、別のブラウザで確認することはとても重要です。 今は大分違いが少なくなってきましたが、特にIEと別のブラウザでは見た目がくずれてしまうことも多々あります。

自分のもっているPCにブラウザをインストールしてチェックするまではなんとかできそうですが、 過去のブラウザとなると一度アンインストールして古いブラウザのインストールプログラムを探してとかなり大変な作業になってしまいます。

ここでは、自分のPCで他のOSやバージョンの異なるブラウザまでチェックできてしまう無料のソフトやサイトを紹介します。 一部有料なものや、あるブラウザだけしか使えないなどいろいろ制限がありますので目的にあったツールを探してみてください。

主要なブラウザがチェックできるサイト一覧

以下のチェックツールには、ソフトをインストールするものやブラウザだけで完結できるもの、有料のものなど さまざまなものがあります。

各サイトの最後に表でチェック項目をまとめましたので、目的や労力、コストに合わせて最適なものを選んでください。

ほとんどのブラウザをチェックできるツール
独自のソフトをインストールすることで、いろいろなブラウザを起動することができるようになります。 サイトの動きなどがリンク先へ移動しても自由に見れるので、概観だけでなく細かくサイトの動きをチェックしたい場合にいいでしょう。
無料で使用できるのは、各ブラウザの最新版だけです。 有料のオプションで古いバージョンのブラウザも使えるようになります。
対応ブラウザ IE,Chrome.FireFox,Opera,safari
モバイル
OSの選択 不可
タイプ ソフトインストール型
並べて比較 不可
価格 無料~
http://spoon.net
いろいろなブラウザのバージョンでの表示を一覧で見れるので容易に比較することが可能です。 無料版では使用できるブラウザが限られています。
対応ブラウザ IE,Safari,Firefox
モバイル 不可
OSの選択 不可
タイプ ブラウザ型
並べて比較
価格 無料~
http://www.browsera.com
ブラウザ上でURLと対象のブラウザ、バージョンを選ぶとバーチャルで起動します。 単純な分使いやすいですが、日本語フォントが十分にないため代替フォントで表示されてしまいます。 有料のプランにすると、選択できるブラウザのバージョンが増えます。
対応ブラウザ IE,Chrome,Safari,Firefox,Opera
モバイル 不可
OSの選択 不可
タイプ ブラウザ型
並べて比較 不可
価格 無料~
http://browserling.com
有料のサービスだけあって機能はすごく充実しています。 OSをMaxやLinuxにして選べるブラウザもほぼすべてのブラウザをカバーしています。 ただ、残念なことにエミュレートしたブラウザの日本語が文字化けしていましたので日本語対応ができていないようです。
対応ブラウザ IE,Chrome,Safari,Opera,Firefox
モバイル 不可
OSの選択
タイプ ブラウザ型
並べて比較 不可
価格 無料
http://crossbrowsertesting.com
有料のサービスで、ソフトをインストールして使用します。 MaxやLinuxのOS切り替えができるので、Mac上のSafariでチェックすることも可能です。 ブラウザもほぼすべての主要ブラウザをカバーしています。
対応ブラウザ IE,Safari,Chrome,Firefox,Opera,
Seamonkey
モバイル
OSの選択
タイプ ソフトインストール型
並べて比較
価格 $139.95~(トライアルは無料)
http://www.multibrowserviewer.com
有料のツールですが、クロスブラウザテストやモバイルテストを自動化することができます。 もちろん手動でテストすることも可能です。 レイアウトの確認というよりは、Webアプリの挙動を別のブラウザでテストするなどの用途に向いています。
対応ブラウザ IE,Chrome,Safari,Opera,Firefox
モバイル
OSの選択
タイプ ブラウザ型
並べて比較 不可
価格 $12~(無料はトライアルだけ)
http://saucelabs.com
IEだけをチェックできるツール
IE5.5~最新までのバージョンをテストできるツールです。 無料で特に登録などもいりません。 IEの古いバージョンだけチェックしたい場合に有効です。
対応ブラウザ IE5.5~
モバイル 不可
OSの選択 不可
タイプ ソフトインストール型
並べて比較 不可
価格 無料
http://www.my-debugbar.com
なにかと問題の多いIEの古いバージョンだけを確認できればいいという場合には、今インストールされているIEの開発者ツールで 古いバージョンのIEでの確認が可能です。 使用方法は、IEを起動してF12キーを押すだけです。 エミュレータの使い方は、以下のリンク先のサイドの方で解説されています。
対応ブラウザ IE
モバイル 不可
OSの選択 不可
タイプ ブラウザ型
並べて比較 不可
価格 無料
http://msdn.microsoft.com
スクリーンショットで確認するツール
チェックしたいブラウザでの見え方をスクリーンショットで表示してくれるサービスです。 指定した1ページだけの見た目をチェックするだけの場合に使えます。 Linux系のブラウザに多く対応しています。
対応ブラウザ Chrome,Safari,Opera,Firefox,
Seamonkey,Iceape
モバイル
OSの選択
タイプ ブラウザ型
並べて比較 不可
価格 $12~(無料はトライアルだけ)
http://browsershots.org
URLを入力して「Render」ボタンを押すことで、指定したブラウザのスクリーンショットが表示されるサービスです。 IEしかできませんが、とりあえずあるページの見た目を確認した場合などに気軽にチェックできます。
対応ブラウザ IE5.5~
モバイル 不可
OSの選択 不可
タイプ ブラウザ型
並べて比較 不可
価格 無料
http://netrenderer.com