js_javascript スキルでの IE バージョン検出

最も一般的なのは、navigator.userAgent を検出することです (これはすべてのブラウザで使用できます。スキップしてください)。

もう 1 つは IE の条件付きコメントです。こちらの記事で詳しく説明しています http://www.jb51.net/article/29336.htm

コードをコピー コードは次のとおりです: alert('Not IE') テストの結果、このフォームは利用可能です。唯一注意が必要なのは、 の 'IE' と '8' の間にあるスペース文字が必要であることです。これが欠けていると大変なことになります。

IE に基づいた条件付きコメントにはいくつかのバージョンがあります。 まず、次の形式に似ています: コードをコピーします コードは次のとおりです: " id ="ieVersion" value="7" />

コードをコピー コードは次のとおりです。 var ieVersion = (function(){ return document.getElementById('ieVersion')})(); 🎜> 類推すると、各バージョンに関する情報を取得でき、gt、gte などを追加して一度に 1 種類のバージョンを決定することもできます。 この記述方法の例は次のとおりです。

コードをコピー コードは次のとおりです。 - >

したがって、CSS での他のハックは必要ありません。 IE でのハック CSS をもう一度読み込みます。 直接

コードをコピーします コードは次のとおりです: .ie6 xx {} .ie7 xx{} .ie8 xx{} xx{}

2 番目、次のように記述できます。もちろん、ページは JS によって動的に生成することもできます。グーグルで調べてみると、実際にこれをやっている人がいることが分かりました。 記事のアドレスは次のとおりです: http://www.jb51.net/article/29337.htm 、かなり詳しく書かれており、原理は非常にシンプルです。 ただし、条件付きコメントは JS に限定されており、CSS では役に立たないという欠点があります。 続けて、条件付きコメントを動的に生成して IE のバージョンを識別できるため、IE ベースの CSS ハックでも HTML フラグメントを動的に生成し、スタイル値を使用してバージョンを決定できるはずです。 次のフォームは最も簡単に考えられるもので、テストして機能することがわかりました。次のコード部分を見てください。

コードをコピーします

コードは次のとおりです: IE9 での結果: LOG: test_1: yellow----test_2: yellow IE8 での結果: LOG: test_1:#ff6600----test_2:#ff6600 IE7 での結果: LOG: test_1:green----test_2:blue IE6 での結果: test_1:blue ----test_2:blue (IE6 には console.log がないため、上記の console.log を次のように置き換える必要があります)アラート)

IE7 では上記の 2 つの状況が矛盾していることに気づいたはずです。IE7 互換モードの問題なのか、それとも他の理由なのかわかりません。私にアドバイスを。 確認コード: コードをコピー コードは次のとおりです: オリジナル var test = document.createElement('div') ; test.innerHTML = ' 動的に生成されました ' document.body.appendChild(test); &lt ;/スクリプト>

IE7 の結果:

IE6 の結果:

基本原理は IE の条件付きコメントと似ています。色の値を一度検出できるので、上記の例を次のように変更します。 > コードをコピーします

コードは次のとおりです: