2011-10-28 5 views
3

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

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

+0

問題は、「すべてのブラウザでよく見える」というのは主観的なことです。 CSSが100%完璧であっても、フォントとグラフィックのレンダリングルーチンがそれぞれ異なるため、すべてのブラウザで完全にピクセルになることはありません。あなたは確かにそれらを比較することができますが、どのように自動的にそれを行うのですか?どのような微妙な違いが受け入れ可能であるかどうか、どのように自動化されたプログラムに伝えますか?視覚的に受け入れられる唯一の本当の方法は、サイトを手動で見ることです。 – Spudley

+0

@Spudleyたとえば、矩形を抽出して(SOの「Ask Question」ボタンのように)、類似している場合はサイズが20pxを超えていないかどうかをチェックします。最初の文字が壁に触れていない場合(壁から少なくとも5px )など私は可能だと思いますが、簡単にはできません;)良い探して=悪く見ていない – IAdapter

答えて

1

試したBrowserStack? http://www.browserstack.com/

時々使用していた画像が返されたサイトがいくつかありましたが、それは何かを覚えていないため、正確ではありませんでした。

0

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

2

https://browserlab.adobe.com/ - adobe IDは必須ですが、無料です。

http://netrenderer.com - ちょうどIE用。

両方ともスクリーンショットを撮りますが、遅延はほとんどありません。

http://www.my-debugbar.com/wiki/IETester/HomePageでも - これはまだアルファ状態なので、あるポイントにのみ信頼できる。

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

そして、私は本当にすべての機能をテストしています。たとえば、一部のブラウザでテキストが少し異なる場合は、切り取られたり何も得られない限り、そのままにしてください。

+0

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