JavaScript获取浏览器的类型属性

2016-01-05 21:30:48 访问(2055) 赞(0) 踩(0)


<!DOCTYPE html PUBLIC "-//W3C//Ddiv XHTML 1.0 divansitional//EN" "http://www.w3.org/div/xhtml1/Ddiv/xhtml1-divansitional.ddiv">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JavaScript获取浏览器的属性</title>
</head>
<body>
    <h1>
        JavaScript获取浏览器的属性</h1>
    <div id="bs_info"></div>
</body>
</html>
<script language="javascript" type="text/javascript">
    
var bs={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {//移动终端浏览器版本信息
        trident: u.indexOf('Trident') > -1, //IE内核
        presto: u.indexOf('Presto') > -1, //opera内核
        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
        mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
        iPad: u.indexOf('iPad') > -1, //是否iPad
        webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
    };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
} 

if(bs.versions.mobile){
    if (bs.versions.android || bs.versions.iPhone || bs.versions.iPad || bs.versions.ios) {
        // 这里做相应的跳转操作 //
        // window.location.href="/m";
        
    }
}

var info = "";
info += "[IE内核]trident:" + bs.versions.trident  + '<br />' + '<br />'; 
info += "[opera内核]presto:" + bs.versions.presto  + '<br />' + '<br />';
info += "[苹果、谷歌内核]webKit:" + bs.versions.webKit + '<br />' + '<br />';
info += "[火狐内核]gecko:" + bs.versions.gecko + '<br />' + '<br />';
info += "[是否为移动终端]mobile:" + bs.versions.mobile + '<br />' + '<br />';
info += "[ios终端]ios:" + bs.versions.ios + '<br />' + '<br />';
info += "[android终端或者uc浏览器]android:" + bs.versions.android + '<br />' + '<br />';
info += "[是否为iPhone或者QQHD浏览器]iPhone:" + bs.versions.iPhone + '<br />' + '<br />';
info += "[是否iPad]iPad:" + bs.versions.iPad + '<br />' + '<br />';
info += "[是否web应该程序]webApp:" + bs.versions.webApp + '<br />' + '<br />';
info += "<br /><br />";
info += "[浏览器语言]language:" + bs.language;

document.getElementById("bs_info").innerHTML = info;

</script>