使用navigator.userAgent.toLowerCase()判断登陆端是pc还是手机
2016-08-23 10:21
357 查看
在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结。
有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息,这里提供了多个版本的测试信息,可以用来做后续代码的接口。
1) 判断移动端设备,区分android,iphone,ipad和其它
(并且区分版本是否大于等于6.0.2)(特定类型浏览器可能会存在,无法下载,无法跳转和自己的客户端app的特定协议等等,所以需要区分)
(由于微信在6.0.2的时候做了新的策略,使得微信的分享功能在新版本变得不一样,为了兼容新旧版本,这里做了区分操作)
新浪weibo客户端返回1,qq客户端返回2,微信小于6.0.2版本返回3,微信大于等于6.0.2版本返回4,其它返回0
3)最后,把他们统一起来判断登陆端是pc还是手机
有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息,这里提供了多个版本的测试信息,可以用来做后续代码的接口。
1) 判断移动端设备,区分android,iphone,ipad和其它
var ua = navigator.userAgent.toLowerCase(); if(ua.match(/android/i)) == "android") { alert("android"); } if(ua.match(/iPhone/i)) == "iPhone") { alert("iPhone"); } if(ua.match(/iPad/i)) == "iPad") { alert("iPad"); }2) 判断移动端用的是不是特定类型的浏览器,比如新浪weibo客户端内置浏览器,qq客户端内置浏览器(而非qq浏览器),微信内置浏览器
(并且区分版本是否大于等于6.0.2)(特定类型浏览器可能会存在,无法下载,无法跳转和自己的客户端app的特定协议等等,所以需要区分)
(由于微信在6.0.2的时候做了新的策略,使得微信的分享功能在新版本变得不一样,为了兼容新旧版本,这里做了区分操作)
新浪weibo客户端返回1,qq客户端返回2,微信小于6.0.2版本返回3,微信大于等于6.0.2版本返回4,其它返回0
var ua = navigator.userAgent.toLowerCase(); if(ua.match(/weibo/i) == "weibo") { return 1; } else if(ua.indexOf('qq/') != -1) { return 2; } else if(ua.match(/MicroMessenger/i) == "micromessenger") { var v_weixin = ua.split('micromessenger')[1]; v_weixin = v_weixin.substring(1, 6); v_weixin = v_weixin.split(' ')[0]; if(v_weixin.split('.').length == 2) { v_weixin = v_weixin + '.0'; } if(v_weixin < '6.0.2') { return 3; } else { return 4; } } else { return 0; }
3)最后,把他们统一起来判断登陆端是pc还是手机
var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { alert("您是手机登录"); } else { alert("您是电脑登录"); }
相关文章推荐
- 使用navigator.userAgent.toLowerCase()判断客户端类型
- 使用navigator.userAgent.toLowerCase()判断浏览器的类型
- 使用navigator.userAgent.toLowerCase()判断移动端类型
- 使用navigator.userAgent.toLowerCase()判断移动端类型
- navigator.userAgent.toLowerCase()
- 使用window.navigator.userAgent属性判断浏览器类型及版本
- 使用window.navigator.userAgent属性判断浏览器类型及版本
- JS判断登陆端是PC还是手机
- 使用window.navigator.userAgent属性判断浏览器类型及版本
- 使用js判断,客户端是手机还是PC
- asp下通过HTTP_USER_AGENT判断用户是从手机上访问,还是电脑IE上访问
- 使用 Nginx 内置 $http_user_agent 来区分( 电脑 pc、手机 mobile、平板 pad )端的内容访问
- 使用window.navigator.userAgent属性判断浏览器类型及版本
- 代码分享:JS判断登陆端是PC还是手机
- asp下通过HTTP_USER_AGENT判断用户是从手机上访问,还是电脑IE上访问
- 51degrees.mobi 开源类库介绍,通过User-Agent的信息判断出手机的型号
- User-Agent来分析来自手机还是电脑
- 服务器端判断是PC访问还是手机访问
- JavaScript判断是手机登陆还是pc登陆
- PHP通过HTTP_USER_AGENT判断是否为手机移动终端的函数