CSSの自動テスト?

異なるブラウザの下で自動的にページをテストし、CSSがうまく見えるようにするツールはありますか?

P.S.私はそれが不可能だと思いますが、多分いくつかの解決策があります(スクリーンショットを取って比較するなど)

3
@Spudley例えば、最初の手紙が壁に触れていない場合(壁から少なくとも5pxです)、矩形を抽出することができます(SOの「Ask Question」ボタンのような)。同様の場合はサイズが20pxを超えてはならないことを確認します。私はそれが可能だと思いますが、やりにくい;)良い見解=悪く見えない
追加された 著者 IAdapter,
問題は、 "すべてのブラウザでよく見える"というのは主観的なことです。 CSSが100%完璧であっても、フォントとグラフィックのレンダリングルーチンがそれぞれ異なるため、すべてのブラウザで完全にピクセルになることはありません。あなたは確かにそれらを比較することができますが、どのように自動的にそれを行うのですか?どのような微妙な違いが受け入れ可能であるかどうか、どのように自動化されたプログラムに伝えますか?視覚的に受け入れられる唯一の本当の方法は、サイトを手動で見ることです。
追加された 著者 Spudley,

3 答え

https://browserlab.adobe.com/ - adobe id is needed, but it's free.

そして

http://netrenderer.com - just for IE.

どちらもスクリーンショットを取るだけですが、遅延はほとんどありません。

また、 http://www.my-debugbar.com/wiki/IETester/HomePage - まだアルファ状態ですので、ポイントにしか信頼できません。

個人的には、私はほとんどすべてのブラウザを私のコンピュータに持っているので、実際のブラウザでテストすることができます。プラス主要なもののすべてはWeb devのツールを持っているので、あなたが良い選択であるすべてのブラウザをダウンロードすることができれば。

そして I really just test all around functionality. For example if text is little different in some browsers then so be it, as long as it doesn't get cut or anything.

2
追加された
+1 for Adob​​e BrowserLab。ちょうどそれと一緒に遊んで、それはかなりクールです - タマネギの皮膚の比較をチェックしてください。
追加された 著者 Andy E,

Tried BrowserStack? http://www.browserstack.com/

時には私が使用していたいくつかのサイトがありましたが、それは一連の画像を返しましたが、私はそれが何であったかを覚えていません。

1
追加された

http://browsershots.org/ を使用して、あらゆる種類のデバイスやブラウザのスクリーンショットを作成できます。これはあなたが探しているものかもしれません。

0
追加された