Javascript 判断访问者浏览器信息、系统信息，以及访问者系统语言环境

摘要

本文介绍了如何使用JavaScript代码实现判断访网页访问者来自哪里，浏览器信息、电脑系统信息、访问者的语言环境等，为我们后台统计用户信息做了准备。

很多网站都需要解析访问本网站的用户的浏览器是属于那些浏览器，比如Chrome(谷歌浏览器)、Firefox（火狐浏览器）、IE（IE浏览器）、android 浏览器、Ipad、Safari等浏览器信息。同时很多开发者还需要根据访问者的语言来显示不同的语言信息，来帮助用户个性化显示网页信息，例如网页国际化中，前端的国际化就需要通过JavaScript来判断访问者的语言环境，来自动切换本网站的显示内容的语言。

废话不多说，直接上代码：

<script type="text/javascript">
//判断访问终端信息和系统语言
var browser={
    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.*/), //是否为移动终端
            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 , //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
}

//browser.versions.trident返回真假，真则是IE内核，以此类推browser.versions.webKit是否为谷歌内核
if(browser.versions.trident){
    alert("is IE");
}
if(browser.versions.webKit){
    alert("is webKit");
}
if(browser.language == 'zh-cn'){
    alert("中文环境");
}
</script>

 收藏 ( 0 )  赞 ( 0 ) 打赏作者