我们可以通过js去判断当前登陆设备类型以及是否为微信登录。
这将为我们拓展很多开发思路,以及打破很多开发瓶颈。
功能实现主要依靠navigator.userAgent返回浏览器信息:
// 判断是否是PC
export function isPC() {
var userAgentInfo = navigator.userAgent
var Agents = [
'Android',
'iPhone',
'SymbianOS',
'Windows Phone',
'iPad',
'iPod',
'Mac'
]
var flag = true
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false
break
}
}
return flag
}
// 判断是否为iPad或者Mac
export function isIPad() {
// iPad可能装载Mac OS
var userAgentInfo = navigator.userAgent
var Agents = ['iPad','Mac']
var flag = false
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
// iPad触点为5 Mac为0
if (navigator.maxTouchPoints==0) {
flag = "Mac"
}else{
flag = "iPad"
}
break
}
}
return flag
}
// 判断是安卓还是苹果
export function mobileInfo() {
var u = navigator.userAgent
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
//安卓手机
return '安卓'
} else if (u.indexOf('iPhone') > -1) {
//苹果手机
return '苹果'
} else if (u.indexOf('Windows Phone') > -1) {
//winphone手机
return 'winphone'
}
}
// 判断是否为微信
export function isWeiXin() {
var ua = navigator.userAgent.toLowerCase()
if (ua.indexOf('micromessenger') != -1) {
return true
} else {
return false
}
}
如果有更漂亮的写法欢迎来讨论,让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。