JavaScript判断用户是通过电脑端还是移动端访问

 每个浏览器对应的useragent不同,JavaScript通过判断useragent的类型,便可以判断出用户所使用的浏览器类型,包括

IE、Firefox、chrome等。还可以判断用户是否通过移动端访问,是否是ios系统、Android系统,iPhone以及ipad系统。

除此之外,判断是否是通过微信访问,也可以通过useragent来判断。

下面是判断useragent类型的代码段

var browser = {
            versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                console.log(u);
                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应该程序,没有头部与底部
                    google: u.indexOf('Chrome') > -1,
                    weixin:u.match(/MicroMessenger/i)=="MicroMessenger"
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        };
        
        console.log("language"+browser.language);
        console.log('是否为移动端'+ browser.versions.mobile);

 

posted @ 2015-11-16 13:10  前端超人  阅读(2144)  评论(0编辑  收藏  举报