html - ブラウザが IE 8 か Javascript なしの IE 9 かを検出するにはどうすればよいですか?

Question

私は以下を見てきました：

癖モード

しかし、これは IE8 または IE9 を検出する方法を実際には示していません。条件付きコメントでこれを行う方法を教えてもらえますか?

Answer 1

あなたが投稿したリンクは正しいです。それらのコメントはあなたが必要とするものです。

<!--[if IE 8]>
According to the conditional comment this is IE 8<br />
<![endif]-->
<!--[if IE 9]>
According to the conditional comment this is IE 9<br />
<![endif]-->
<!--[if (IE 8)|(IE 9)]>
According to the conditional comment this is IE 8 or 9<br />
<![endif]-->

条件付きコメント (参照用):
http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

角括弧の間は条件です。等しい、等しくない、より小さい、以下、より大きい、より大きい、または等しいことができます。

Answer 2

はい、ie8 と 9 も検出できます。これを試して

<!--[if IE]><p>You are using Internet Explorer.</p><![endif]-->
<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>

<!--[if IE 8]><p>Welcome to Internet Explorer 8!</p><![endif]-->
<!--[if !(IE 9)]><p>You are not using version 9.</p><![endif]-->

<!--[if gte IE 8]><p>You are using IE 8 or greater.</p><![endif]-->
<!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]-->
<!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]-->

<!--[if true]>You are using an <em>uplevel</em> browser.<![endif]-->
<![if false]>You are using a <em>downlevel</em> browser.<![endif]>

<!--[if true]><![if IE 7]><p>This nested comment is displayed in IE 7.</p><![endif]><![endif]-->

if条件式では、lte以下をgte示し、以上をlt示し、未満を示します。

Answer 3

Internet Explorer で条件付きコメントを使用して、CSS クラスを HTML ノードに追加できます。これは、ブラウザー固有の CSS を追加するために html5boilerplate がどのように機能するかです。

https://github.com/h5bp/html5-boilerplate/blob/master/index.html

Answer 4

ブラウザーごとに、さまざまな種類の「条件付きコメント」を使用できます。これは、この問題に関する Chris Coyier による非常に優れた記事の 1 つです。

http://css-tricks.com/new-poll-conditional-tags-for-all-browsers/

条件付きコメントを使用するのが良かったのは私の個人的な経験です。