适配项目浏览器运行环境的问题

检索项目在哪个移动端浏览器运行

有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式。

判断在哪个浏览器运行

const ua = navigator.userAgent.toLowerCase()
// 在百度浏览器运行
if (ua.indexOf('baidu') > 0) {
	// 逻辑部分
	console.log('百度浏览器')
}
if(ua.match(/weibo/i) == "weibo"){  
    console.log('微博运行')
}
if (ua.match(/QQ/i) == "qq") {
	console.log('qq空间打开')
}
if (ua.indexOf('ucbrowser') > -1) {
	console.log('uc浏览器打开')
}
if (ua.indexOf('android') > -1) {
	console.log('安卓浏览器打开')
}

通过match方法判断设备移动端运行环境问题

const 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")
}

检查项目是否在微信运行

function is_weixn(){  
    var ua = navigator.userAgent.toLowerCase();  
    if(ua.match(/MicroMessenger/i) == "micromessenger") {  
        return true;  
    } else {  
        return false;  
    }  
}