CSS または JavaScript を使用して IE10 から IE11 を確実に検出するにはどうすればよいですか?

CSS 機能/機能検出を使用した IE10 および IE11 の検出

課題

IE11 では次のことが行われます。 IE10で使用されるブラウザ検出タグはサポートしていません。 2 つのブラウザを区別するには、CSS 機能または機能検出が必要です。

IE10 互換性スタイル

ほとんどの IE10 スタイルは IE11 でもサポートされています。したがって、IE10 で機能した機能ベースの検出手法を使用しても、IE10 と IE11 を区別できない可能性があります。

IE11 の固有のスタイルと機能

いくつかの固有のスタイルと機能を紹介します。 IE11 の検出に使用できる機能具体的には:

• _:-ms-fullscreen: IE11 以降でのみ機能する全画面モードをトリガーするためのハック。
• :root .ie11up: 以下をターゲットとするスタイル:ルート要素は IE11 以降のみ。

サンプルCSS:

_:-ms-fullscreen,
:root .ie11up {
  /* Styles specific to IE11 */
}

JavaScript の代替手段

CSS 検出が不可能な場合は、次のような JavaScript の代替手段の使用を検討してください。

• Modernizr: を検出する一般的なライブラリページ読み込み時のブラウザ機能。
• ユーザー エージェントの選択: JavaScript を使用して、特定のブラウザ情報のユーザー エージェント文字列を解析します。

その他の考慮事項

• スプーフィングの可能性があるため、ユーザー エージェントの検出は信頼できません
• 主に非クリティカルな機能に対して機能ベースの検出を使用し、理想的なソリューションとして段階的な強化とグレースフル デグラデーションを検討してください。

以上がCSS または JavaScript を使用して IE10 から IE11 を確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。