admin管理员组文章数量:1130349
一个比较完整的产品线，必定有APP和网站，另外还有微信公众号网页和小程序。那么有一个比较常见的需求就是在手机浏览器内打开APP，实现起来也比较简单，只要APP配置的有URLScheme即可。但是因为无法判断是否安装APP，所有只能尝试去打开APP，如果打不开则跳转到APP下载页面。另外手机浏览器的类型很多，各个浏览器显示的效果也不一样，一直无法找到一个完全兼容所有浏览器的方法，没有完美的解决方案。
打开APP的操作就是链接打开 location.href = "scheme://"，APP未安装的时候链接打开有的时候会跳转到错误页面，所以可以使用iframe来跳转，保证浏览器链接一直在当前页面 document.querySelector("#iframeId").src = "scheme://"，打开APP大部分手机浏览器会弹窗是否允许跳转打开。
打开APP失败时跳转到下载，因为无法判断打开是否成功，所以通过setTimeout两秒后跳转下载地址。下载地址ios：https://itunes.apple/cn/app/要跳转的APP的appid，安卓下载地址自定义即可，放到自己的服务器地址上边，浏览器打开.apk地址自动提示下载。
测试了流行的几个手机浏览器，总结一下需要注意以下几点：
1. 微信公众号网页打开APP，微信已经开放了接口，在微信开放平台配置域名代码里面添加按钮后即可跳转，小程序打开APP也有相关文档说明。https://developers.weixin.qq/doc/oplatform/Mobile_App/Resource_Center_Homepage.html
2. 安卓下的谷歌浏览器无法通过iframe的方式打开，必需使用location.href。
3. 手机百度浏览器不支持打开APP，这个是百度自己的问题
一个比较完整的产品线，必定有APP和网站，另外还有微信公众号网页和小程序。那么有一个比较常见的需求就是在手机浏览器内打开APP，实现起来也比较简单，只要APP配置的有URLScheme即可。但是因为无法判断是否安装APP，所有只能尝试去打开APP，如果打不开则跳转到APP下载页面。另外手机浏览器的类型很多，各个浏览器显示的效果也不一样，一直无法找到一个完全兼容所有浏览器的方法，没有完美的解决方案。
打开APP的操作就是链接打开 location.href = "scheme://"，APP未安装的时候链接打开有的时候会跳转到错误页面，所以可以使用iframe来跳转，保证浏览器链接一直在当前页面 document.querySelector("#iframeId").src = "scheme://"，打开APP大部分手机浏览器会弹窗是否允许跳转打开。
打开APP失败时跳转到下载，因为无法判断打开是否成功，所以通过setTimeout两秒后跳转下载地址。下载地址ios：https://itunes.apple/cn/app/要跳转的APP的appid，安卓下载地址自定义即可，放到自己的服务器地址上边，浏览器打开.apk地址自动提示下载。
测试了流行的几个手机浏览器，总结一下需要注意以下几点：
1. 微信公众号网页打开APP，微信已经开放了接口，在微信开放平台配置域名代码里面添加按钮后即可跳转，小程序打开APP也有相关文档说明。https://developers.weixin.qq/doc/oplatform/Mobile_App/Resource_Center_Homepage.html
2. 安卓下的谷歌浏览器无法通过iframe的方式打开，必需使用location.href。
3. 手机百度浏览器不支持打开APP，这个是百度自己的问题
版权声明：本文标题：手机浏览器通过Scheme跳转APP，兼容各种手机浏览器 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1760096589a2847329.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论