ユーザーがIE 10を使用している場合、ページの読み込み時にメッセージボックスを表示するにはどうすればよいですか?
function ieMessage() {
alert("Hello you are using I.E.10");
}
私のWebページはJSF facelet(XHTML)です。
条件付きコメントやユーザーエージェントスニッフィングなしでこれを検出する実際の方法は、条件付きコンパイルを使用することです。
<script type="text/javascript">
var isIE10 = false;
/*@cc_on
if (/^10/.test(@_jscript_version)) {
isIE10 = true;
}
@*/
console.log(isIE10);
</script>
このコードを実行した後、いつでも次を使用できます。
if (isIE10) {
// Using Internet Explorer 10
}
参照: ブラウザーモードがIE9のときにJSからIE10を検出するにはどうすればよいですか?
UPDATE:
コメントの縮小を回避するには、次のようなものを使用できます。
var IE = (function () {
"use strict";
var ret, isTheBrowser,
actualVersion,
jscriptMap, jscriptVersion;
isTheBrowser = false;
jscriptMap = {
"5.5": "5.5",
"5.6": "6",
"5.7": "7",
"5.8": "8",
"9": "9",
"10": "10"
};
jscriptVersion = new Function("/*@cc_on return @_jscript_version; @*/")();
if (jscriptVersion !== undefined) {
isTheBrowser = true;
actualVersion = jscriptMap[jscriptVersion];
}
ret = {
isTheBrowser: isTheBrowser,
actualVersion: actualVersion
};
return ret;
}());
そして、IE.isTheBrowser
やIE.actualVersion
(JScriptバージョンの内部値から変換されます)などのプロパティにアクセスします。
一般に、ユーザーエージェントのスニッフィングと条件付きコンパイル/コメントの実行は避けるのが最善です。代わりに 機能検出 、 グレースフルデグラデーション 、および プログレッシブエンハンスメント を使用することをお勧めします。ただし、開発者がブラウザのバージョンを検出する方が便利な少数のEdgeの場合は、次のコードスニペットを使用できます。
このif
ステートメントは、IE 10でのみ実行されます
// IF THE BROWSER IS INTERNET Explorer 10
if (navigator.appVersion.indexOf("MSIE 10") !== -1)
{
window.alert('This is IE 10');
}
このif
ステートメントはIE 11でのみ実行されます
// IF THE BROWSER IS INTERNET Explorer 11
var UAString = navigator.userAgent;
if (UAString.indexOf("Trident") !== -1 && UAString.indexOf("rv:11") !== -1)
{
window.alert('This is IE 11');
}
現在のIEまたはIEバージョン:
function IE(v) {
return RegExp('msie' + (!isNaN(v)?('\\s'+v):''), 'i').test(navigator.userAgent);
}
使用方法は次のとおりです。
if(IE()) alert('Internet Explorer!');
if(IE(10)) alert('Internet Explorer 10!');