異なるブラウザの下で自動的にページをテストし、CSSが見栄えがよいことを確認できるツールはありますか?CSSの自動テストですか?
P.S.私はそれが不可能なことは知っているが、多分いくつかの解決策があります(スクリーンショットを取って比較するなど)
異なるブラウザの下で自動的にページをテストし、CSSが見栄えがよいことを確認できるツールはありますか?CSSの自動テストですか?
P.S.私はそれが不可能なことは知っているが、多分いくつかの解決策があります(スクリーンショットを取って比較するなど)
試したBrowserStack? http://www.browserstack.com/
時々使用していた画像が返されたサイトがいくつかありましたが、それは何かを覚えていないため、正確ではありませんでした。
http://browsershots.org/を使用すると、すべての種類のデバイスとブラウザでスクリーンショットを作成できます。これはあなたが探しているものかもしれません。
https://browserlab.adobe.com/ - adobe IDは必須ですが、無料です。
と
http://netrenderer.com - ちょうどIE用。
両方ともスクリーンショットを撮りますが、遅延はほとんどありません。
http://www.my-debugbar.com/wiki/IETester/HomePageでも - これはまだアルファ状態なので、あるポイントにのみ信頼できる。
個人的には、私はほとんどすべてのブラウザを私のコンピュータに持っているので、実際のブラウザでテストすることができます。プラス主要なもののすべてはWeb devのツールを持っているので、あなたが良い選択であるすべてのブラウザをダウンロードすることができれば。
そして、私は本当にすべての機能をテストしています。たとえば、一部のブラウザでテキストが少し異なる場合は、切り取られたり何も得られない限り、そのままにしてください。
+1 Adobe BrowserLab。ちょうどそれと一緒に遊んで、それはかなりクールです - タマネギの皮膚の比較をチェックしてください。 –
問題は、「すべてのブラウザでよく見える」というのは主観的なことです。 CSSが100%完璧であっても、フォントとグラフィックのレンダリングルーチンがそれぞれ異なるため、すべてのブラウザで完全にピクセルになることはありません。あなたは確かにそれらを比較することができますが、どのように自動的にそれを行うのですか?どのような微妙な違いが受け入れ可能であるかどうか、どのように自動化されたプログラムに伝えますか?視覚的に受け入れられる唯一の本当の方法は、サイトを手動で見ることです。 – Spudley
@Spudleyたとえば、矩形を抽出して(SOの「Ask Question」ボタンのように)、類似している場合はサイズが20pxを超えていないかどうかをチェックします。最初の文字が壁に触れていない場合(壁から少なくとも5px )など私は可能だと思いますが、簡単にはできません;)良い探して=悪く見ていない – IAdapter