h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html「建议收藏」

h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html「建议收藏」1前言有时候,需要链接只能在微信上打开,如果不是,则提示请在微信客户端打开链接的字眼的网页,网页代码如下:(这个是网页应用授权时,非微信上打开,就会出现,然后把它单独拿出来了)2代码varua=navigator.userAgent.toLowerCase();varisWeixin=ua.indexOf(‘micromessenger’)!=-1;varisAndroid…

大家好,又见面了,我是你们的朋友全栈君。

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 效果图

h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html「建议收藏」

4 原理

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

5 小结

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133723.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号