发布于:2021-01-18 11:00 阅读次数:1224 作者:云码素材 分类:技术分享 关键词:h5
浏览器H5中点击按钮跳转到自家APP,分两种情况,变通浏览器和微信内跳转。
一.普通浏览器
if (this.open) { return } // 防止多次点击 const ua = navigator.userAgent const isWeixinUA = ua.toLowerCase().indexOf('micromessenger') > -1 // 是否微信环境 const isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1 // android终端 const isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端 if (isIOS) { window.location.href = 'itms-apps://itunes.apple.com/cn/app/appId' } else if (isWeixinUA) { this.showTips = true // 微信环境给个跳转到普通浏览器的提示 } else if (isAndroid) { this.open = true // 这里是APP的路由 window.location.href = 'xxx://app:8888/homePage' setTimeout(() => { // 3秒后没有跳转,则到下载页 this.open = false window.location.href = 'apk下载地址' }, 3000) } else { window.location.href = 'apk下载地址' }
二.微信浏览器
查看这个说明文档就行了
https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_H5_Launch_APP.html
我要加群:资源共享的时代,不要再单打独斗!加小编微信号加入群:xnynews(备注:云码素材入群),qq群号:202498279,一起技术学习,资源分享!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
热门标签
推荐模板
Light Year Admin后台模板 v4 iframe版本 基于Bootstrap 4.4.1
2024-10-20 22:57 浏览:23
html清爽ui设计作品集展示网站模板 响应式宣传网页制作代码模板
2024-09-23 10:12 浏览:237
热门文章
2022-05-10 08:48 浏览:30990
2Tik Tok 深田咏美抖音视频100+合集资源免费下载【绿色】
2022-10-31 08:42 浏览:29615
2022-03-27 09:29 浏览:15685
2022-09-11 15:02 浏览:12808
2020-04-13 15:31 浏览:11967
6免费使用chatgpt3种方式 chatgpt国内入口无需梯子
2023-04-23 17:52 浏览:10678
2022-09-08 10:28 浏览:9336
8三个开源的php论坛bbs源码 可自建 圈子 帖子社区网站!
2020-09-15 21:34 浏览:9322
2022-04-13 14:31 浏览:9177
2019-08-28 17:28 浏览:8647