javascript - さまざまなブラウザーの HTML

Question

ユーザーのブラウザに応じて異なるコードを使用する方法はありますか? たとえば、ユーザーが Internet Explorer を使用している場合、ユーザーが Chrome を使用している場合とは異なるコードを渡す方法はありますか?

ありがとうございました！

Answer 1

はい、それを行う方法があります。条件付きコメントをチェックしてください:

http://www.quirksmode.org/css/condcom.html

そしてCSSハック

http://www.quirksmode.org/css/csshacks.html

Answer 2

ほとんどのシナリオで望ましい方法は、機能検出を使用することです。つまり、機能がサポートされているかどうかを判断し、それに応じて動作します。Modernizrのようなライブラリは、機能の検出といくつかの違いの平滑化の両方を支援できます。

たとえば、「タッチ」機能を検出することは、モバイル ブラウザのユーザー エージェント文字列やバージョンを探すよりもはるかに優れています。

実際には、IE 固有の問題には条件付きコメントを使用するのが最も簡単な場合が多く、IE はそれらをサポートしており、関連する問題をブラウザーのバージョンごとにグループ化することが通常可能です (機能の検出がはるかに簡単な他のシナリオとは異なります)。つまり、Internet Explorer を扱う場合、「これらのハック/修正をすべての IE X ユーザーに適用してください」と言うことがよくあります。

条件付きコメントのサポートはIE 10 で削除されました。

Answer 3

IE をターゲットにする場合

<!--[if IE]> -->
 <link rel="stylesheet" href="css/style.css"/>
<!--[endif]-->

次のコマンドを使用すると、メインの css ファイルで簡単なコマンドを使用して Firefox をターゲットにすることができます。

  @-moz-document url-prefix() { 
  }

Answer 4

もちろん。http://en.wikipedia.org/wiki/Conditional_comment