【移动端】识别微信端和移动终端

经常写移动端的同学应该都知道,因为iOS和Android系统的差异化,导致一些样式和功能在两种终端上会展示出不同的页面效果。

为了兼容以及对不同终端用户体验的提升,我们需要识别出不同的终端,并且定制出不同的方案。

在写微信端项目的时候,有时我们希望用户的操作环境始终在微信端里,这样的话,我们也需要对微信端进行识别

终端识别:

var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isAndroid){
	console.log("android");
}else if(isiOS){
	console.log(ios);
}

微信端识别:

var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    alert("微信");
} else {
	alert("非微信");
}

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值