使用js 判断当前运行环境实在浏览器还是在手机

Posted 2022-01-02 wrhbk

转：

在跨平台，各种浏览器，移动设备兼容的时候，经常要根据设备、浏览器做特定调整，所以判断设备和浏览器的工作，经常会用到，这里做一下总结。

有关浏览器类型的信息都藏在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("您是电脑登录");

---------------------
作者：H小志
来源：CSDN
原文：https://blog.csdn.net/xiaozhi_2016/article/details/52288556
版权声明：本文为博主原创文章，转载请附上博文链接！