第一种方式:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function getExplorerInfo() {
var explorer = window.navigator.userAgent.toLowerCase() ;
//ie
if (explorer.indexOf("msie") >= 0) {
var ver=explorer.match(/msie ([\d.]+)/)[1];
return {type:"IE",version:ver};
}
//firefox
else if (explorer.indexOf("firefox") >= 0) {
var ver=explorer.match(/firefox\/([\d.]+)/)[1];
return {type:"Firefox",version:ver};
}
//Chrome
else if(explorer.indexOf("chrome") >= 0){
var ver=explorer.match(/chrome\/([\d.]+)/)[1];
return {type:"Chrome",version:ver};
}
//Opera
else if(explorer.indexOf("opera") >= 0){
var ver=explorer.match(/opera.([\d.]+)/)[1];
return {type:"Opera",version:ver};
}
//Safari
else if(explorer.indexOf("Safari") >= 0){
var ver=explorer.match(/version\/([\d.]+)/)[1];
return {type:"Safari",version:ver};
}
}
alert("type:"+getExplorerInfo().type+"\nversion:"+getExplorerInfo().version);
</script>
</head>
<body>
检测浏览器类型及版本号
</body>
</html>
第二种方式:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
/*只检测是否为 IE9 或者 IE10 */
function getExplorerInfo(){
var isIE9_10 = /MSIE 9/i.test(navigator.userAgent) || /MSIE 10/i.test(navigator.userAgent);
console.log(isIE9_10); // true
return isIE9_10;
}
alert(getExplorerInfo()); // true
</script>
</head>
<body>
检测IE9和IE10
</body>
</html>