さまざまなブラウザーで自分のWebサイトがどのように見えるかを確認するにはどうすればよいですか?


46

さまざまなブラウザーで自分のWebサイトがどのように見えるかを確認するにはどうすればよいですか?

異なるバージョンのブラウザを実際にインストールする以外に、プレビューを提供できるツールやサービスはありますか?

回答:


38

2
かっこいいコメント、いい答えが好きです。
ラリースミスミエ

32

BrowsersShotsBrowserLabsは、私の頭上から考えることができます。他にも使用したことがあると思いますが、今はその名前を思い出せません。

編集:悲しいことに、Adobeは 2013年3月13日にBrowserLabプロジェクトをシャットダウンしました


1
BrowserShotsですべての選択を解除し、必要な数(IE6など)を選択するだけです。一体誰が「Dillo」を使用していますか?!
DisgruntledGoat

10

LitmusAppは、この分野の新しいプレーヤーです。現在の主な付加価値は、電子メールクライアントテスト(モバイルを含む33クライアント)ですが、最大24のブラウザーの「クラウド」ブラウザーテストも行っています。実際、ブラウザーテストは最初の製品であり、Alkalineツールを介して個別に利用できます。

アルカリを日常的に使用しています。とてもいいです。

一番いいのは、テストしたいブラウザを所有したりインストールしたりする必要がないということです。それらはすべてそれらの面倒を見てくれ、実際のシステム上で単独で実行されているブラウザのスクリーンショットを提供します。私自身はひどいシステム管理者なので、これは理想的です。


はい、彼らは私たちの友人です-また、フッターにあるdoctype.comを実行します(すぐにぶつかる可能性が高い)
ジェフアトウッド

6

これは非常に良いです:http : //browsershots.org/

さまざまなブラウザと解像度でどのように見えるかを確認してください。ただし、Web上に存在する必要があります。


6

ここ利用可能なIETesterでIEをテストすることを強くお勧めします。軽量、高速、正確で、5.5以降のすべてのIEをサポートします。


1
IETesterは、あなたのサイトがIEブラウザでどのように見えるかについての良いリファレンスを提供します。ただし、IE6のレンダリングが実際のIE6レンダリングエンジンと異なる場合がありました。
リクジャ

5

ブラウザをローカルに配置すると、柔軟性が高まります。テストするためにいくつかのボタンをクリックする必要があるインタラクティブなWebサイトがある場合、これを画像で確認することはできません。


5

MSには(Expressionツールキットの一部として)SuperPreviewという製品もあります。これにより、IEのすべてのバージョンとFirefoxの最新バージョンで、サイトの対話型バージョンと並べてまたはオーバーレイして作業できます。

また、MacのSafariでサイトがどのように見えるかを示すWebサービスへのアクセスも含まれます。これにより、出力のイメージが生成されますが、マークアップのどの部分がどの部分を生成したかを確認できるメタデータファイルも使用されます画像ので、それはまだ非常に強力です。


4

これは、Appleコンピューターで開発する主な理由の1つです。VMWare Fusionまたはその他のエミュレーションソフトウェアを使用すると、すべての主要なオペレーティングシステムを合法的にインストールできる唯一のコンピューターになります。

次に、外部ソースに依存せずに実際のOSで実際のブラウザをテストし、汚い作業を行います。ネイティブデバッグツールを使用してエラーを修正/診断できます。


なぜアップル?LinuxまたはWindowsでvirtualbox.orgを使用することもできます
...-mbrochh

1
なぜアップル?利用規約に違反せずにLinuxまたはWindowsにOSXをインストールすることはできないためです。
ダン・ゲイル

1
私には少しばかげているように思えますが、Appleで開発する主な理由の1つは、他のコンピューターでOSXを使用できないことです。

Hackintoshを合法的に実行できれば、おそらくハードウェアの問題は別としてください。ただし、これも考慮事項の1つです。
ダンゲイル


4

一般的なデザインにプレビューを使用するのは良いことですが、サイトの動作もテストすることを忘れないでください。これは、写真上では見ることができないホバー、ajax、またはjava-script効果を大量に使用する場合に特に便利です。

VmWareは、最も重要なブラウザーが個別にインストールされたさまざまな仮想マシンで使用しています。

Windows 7 Ultimateを使用している場合、Virtual PCとXpモードのチュートリアルを参照できます。これは、1つのホストで異なるIEバージョンを実行するためのソリューションです



3

MogoTestは最近のTechStarsのスタートアップで、これをうまく行っています。さまざまなブラウザーとOSからのスクリーンショットを提供し、HTMLとCSSも検証します。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.