首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >h5页面 请在微信客户端打开链接_请在微信客户端打开链接 html「建议收藏」

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

作者头像
全栈程序员站长
发布于 2022-08-14 09:42:52
发布于 2022-08-14 09:42:52
2.1K0
举报

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 请在微信客户端打开链接
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档