文章目录
  1. 1. 缘由
  2. 2. 代码

缘由

我们在做移动端项目,尤其是在微信里面的时候,会经常遇到判断是否处于微信浏览器,并且当不处于微信浏览器的时候要提示请在微信客户端打开链接。

在这里我们一般都会判断navigator.userAgent,看其中是否包含micromessenger字符串,如果包含则处于微信浏览器,如若不包含,则处于其他浏览器。

可以点击查看例子

代码

1
2
3
4
5
6
var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
if (!isWeixin) {
document.head.innerHTML = '<title>抱歉,出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
}
文章目录
  1. 1. 缘由
  2. 2. 代码