ブラウザ間での互換性を確認するにはどうすればよいですか？

Question

あなたのhtml/css & jQueryページがブラウザ間で互換性があるかどうかをチェックするオンラインツールがある場合、私の謙虚な質問です。私は単純なフェードホバーエフェクターをjqueryで持っていて、それはChromeで完璧に動作しますが、他のブラウザはどうですか？

Answer 1

まず、コメントの1つで、サポートしたいすべてのブラウザで自分のサイトを実際にテストすることが非常に重要であるという点を強調しておきます。サードパーティのツールでは、特定のブラウザでサイトが完全に機能することを保証することはできません。質問に答えるために今

...

あなたが持つ問題を抱えている、特定のブラウザがあるかどうかを明記していません。 IEのさまざまなバージョンすべてをテストすることに問題がある場合は、IE Testerを参照して、すべてのバージョンのIEを単一のアプリケーションにインストールして、それらをすべて簡単にテストできるようにすることができます。クラッシュする傾向がありますので、メインブラウザとしての使用には適していませんが、テストでは十分です。

サイトのスクリーンショットが必要な場合は、Browser Shotsが便利です。 Windows、Linux、Macなど、これまでにリリースされたほとんどのブラウザで実行されているサイトのスクリーンショットを取得することができます。動的コンテンツのテストにはあまり役に立ちませんが、基本的なページレイアウトの問題を探すのに適しています。

サポートされていない特定のブラウザ機能が心配な場合は、CanIUse.comをご覧ください。これは100以上の機能のブラウザサポートテーブルを持つサイトです。どの機能を使用するかを決めるのに便利です。

しかし、jQueryについて具体的に尋ねたので、jQueryの全ポイントはブラウザの互換性の問題を最小限に抑えることだと言います。基本的なjQueryライブラリは現在使用されているすべてのブラウザと完全に互換性があります。IE6に戻ってすぐに使用できます。 IE8以前では不透明度はあまりうまく扱われないので、慎重に扱うべき唯一のことは退色です。しかし、それが正しいことをしてもうまくいきます。

サードパーティのjQueryプラグインは、別の話です。彼らは彼らがサポートしているかどうか、独自のブラウザのセットを持っているし、詳細を確認する個々のWebサイトを確認する必要があります。しかし、それらのほとんどは、メインのjQueryライブラリと同じブラウザセットをサポートする必要があります。

希望に役立ちます。

Answer 2

jQueryを使用していますが、まだ開発中のHTML5ではなく、トランジションエフェクトは相互互換性があります。これがjsライブラリの背後にある理由です。彼らはブラウザにあまり依存しておらず、彼ら自身のことをしています。さもなければ、jQueryにはそれほど意味がありません。ブラウザ間での互換性がありません。

Answer 3

SauceLabsのようなサウンドが必要です。それはあなたが遊ぶための各ブラウザの対話的なビジュアルを読み込みます。

Answer 4

Browsercamですが、手動で各ブラウザを確認する必要があります。

Answer 5

http://www.modern.ie/

Modern.ieあなたのためのテストを実行し、有効なHTML/CSSを使用した問題を解決する方法についてのアドバイスを提供します。 インストールは必要ありません。 さまざまなデバイスでサイトのスクリーンショットを表示することもできます。

このツールは 互換性の問題が発生したり、Webページ上で最高の 可能な経験を得ることからユーザーを防ぐことが一般的なコーディングプラクティスを検出します。可能であれば、 フィックスまたはHTML5 & CSS3（または優雅な フォールバック）のようなWeb標準による拡張をお勧めします。現代のWebをコーディングするための完全なチェックリストではありません。 IEのテスト時間を短縮し、 時間をWeb上で重要なものにすることができます。