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

December 09, 2023
测试
测试
测试
测试
1 分钟阅读

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

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 小结

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

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

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多