h5移动端开发app(移动端H5唤起APP的写法实例IOS、android)
类别:编程学习 浏览量:1223
时间:2021-10-06 01:30:46 h5移动端开发app
移动端H5唤起APP的写法实例IOS、androidIOS
1.url scheme
这个方案基本上就是针对微信、qq内置浏览器,qq浏览器等之外的其余浏览器,从native那边要一个scheme ,然后放在a标签里或者location.href跳一下就行了
用一个iframe去做的一个跳页,有的话唤起scheme没有的话,会触发定时器跳到下载地址。但是这个方式在ios里面,在没有app的时候会遇到两次提示,
var openApp = function (src) { // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为 // 否则打开a标签的href链接 const ifr = document.createElement('iframe'); ifr.src = src; ifr.style.display = 'none'; document.body.appendChild(ifr); var poenTime = +new Date() window.setTimeout(() => { document.body.removeChild(ifr); if ((+new Date()-openTime>2500)){ window.location = 'APP Store下载的地址 ' } }, 600); };
2.Universal Link(ios)
这是iOS9推出的一项功能,如果你的应用支持Universal Links(通用链接),那么就能够方便的通过传统的HTTP链接来启动APP(如果iOS设备上已经安装了你的app,不需要额外做任何判断等),或者打开网页(iOS设备上没有安装你的app)。或许可以更简单点来说明,在iOS9之前,对于从各种从浏览器,Safari、UIWebView或者 WKWebView中唤醒APP的需求,我们通常只能使用scheme。
window.location.href ="APP给的Universal Link"
总结
兼容写法
if (isGreaterThan9){ window.location.href ="APP给的Universal Link" ; return; } openApp(src)
android
方法类似
if (openApp('url scheme url')) { openApp('url scheme url'); } else { setTimeout(() => { window.location.href = 'APP 市场下载地址';// 一般是google, 各个应用商店不一样 }, 600); } }
总结
到此这篇关于移动端H5唤起APP的文章就介绍到这了,更多相关移动端H5唤起APP内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- pythonssl版本(解决Python 使用h5py加载文件,看不到keys的问题)
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- h5支付接口第四方支付(h5移动端调用支付宝、微信支付的实现)
- ih5如何点击按钮跳转至网页(HTML5跳转小程序wx-open-launch-weapp的示例代码)
- h5获取ios系统版本(详解h5页面在不同ios设备上的问题总结)
- h5打开小程序点允许(html5跳转小程序wx-open-launch-weapp踩坑)
- h5适配横屏(详解移动端h5页面根据屏幕适配的四种方案)
- 微信小程序可以用h5开发不(微信小程序webView嵌入H5的方法实例)
- 钉钉嵌入web端应用程序(钉钉企业内部H5微应用开发详解)
- css3动画效果图(css3实现波纹特效、H5实现动态波浪效果)
- 苹果微信小程序页面空白(iPhoneX安全区域Safe Area底部小黑条在微信小程序和H5的屏幕适配)
- h5实现弹出悬浮窗(Html5监听手机摇一摇事件的实现)
- iphone h5调试(H5页面适配iPhoneX就是那么简单)
- h5 video支持格式(H5 video poster属性设置视频封面的方法)
- h5制作支付功能(基于HTML5+tracking.js实现刷脸支付功能)
- h5移动端开发app(移动端H5唤起APP的写法实例IOS、android)
- 清华大学难考吗(清华大学考研录取分数线)
- 观花盆栽佛肚竹盆景制作及养护(观花盆栽佛肚竹盆景制作及养护)
- 春天养佛肚竹,做好这几件事,叶绿根壮寓意好 越养越旺家(春天养佛肚竹做好这几件事)
- 律界衣品最好,时尚圈学识数高,41岁的Amal堪称现实版的傲骨贤妻(时尚圈学识数高)
- 刘智泰确认出演《Good Wife》 担纲男一号(刘智泰确认出演Good)
- 《傲骨之战》剧终 律政女魔头Diane,为什么是大女主天花板(傲骨之战剧终律政女魔头Diane)
热门推荐
- laravel框架知识点(Laravel 不同生产环境服务器的判断实践)
- css语言代码大全(分享20条编写 CSS 代码的建议)
- html样式中css怎么设置行高(CSS设置HTML元素的高度与宽度的各种情况总结)
- mysql innodb存储原理(mysql innodb的重要组件汇总)
- php中最常用的标记符(php中目录操作opendir、readdir及scandir用法示例)
- php守护进程(什么是PHP7中的孤儿进程与僵尸进程)
- css的4个基础选择器(详解css常用选择器)
- websocket聊天室怎么设置(基于websocket实现简单聊天室对话)
- vue怎么实现输入框(vue车牌输入组件使用方法详解)
- css如何使用z-index(CSS中的z-index属性基本使用教程)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9