h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html

1 前言

有时候，需要链接只能在微信上打开，如果不是，则提示请在微信客户端打开链接的字眼的网页，网页代码如下：(这个是网页应用授权时，非微信上打开，就会出现，然后把它单独拿出来了)

2 代码

var ua = navigator.userAgent.toLowerCase();

var isWeixin = ua.indexOf('micromessenger') != -1;

var isAndroid = ua.indexOf('android') != -1;

var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);

if (!isWeixin) {

document.head.innerHTML = '

抱歉，出错了';

document.body.innerHTML = '

请在微信客户端打开链接

';

}

3 效果图

4 原理

出现这个网页的判定，其实也非常简单，只需要判定header中的user-agent的信息(navigator.userAgent.toLowerCase())即可。

5 小结

就是记录下来，以备后用。