h5唤起App两种方式 Schema Universal Link

https://www.jianshu.com/p/cbef3659bf01
http://www.cocoachina.com/articles/13321

总结一下

1.ios9及以上版本，safari只能通过schema-href方式唤起app，其他浏览器如QQ浏览器可以通过href和iframe方式唤起

2.ios的safari可以不弹出打开app弹窗，提升用户体验，需要用Universal Links方式配置apple-app-site-association文件

3.微信环境，不能通过schema协议唤起app，需要Universal Links方式配置apple-app-site-association文件http://xxx.xxx.com/apple-app-site-association

代码

//schema
window.location.href = schemaUrl;//iframe
function iframeBridge(url) {let ifr = document.createElement("iframe");ifr.src = url;ifr.style.display = "none";document.body.appendChild(ifr);setTimeout(function () {document.body.removeChild(ifr);}, 1000);
};

let url = "schema://xxxxx"
let UA = navigator.userAgent;if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {let iOS = UA.match(/(iPhone\sOS)\s([\d]+)/) || UA.match(/(iPad).*OS\s([\d_]+)/)             || UA.match(/(iPod)(.*OS\s([\d_]+))?/);let iOS9 = parseInt(iOS[2], 10);if (iOS9 >= 9) {window.location.href = url;} else {iframeBridge(url);}
} else if (navigator.userAgent.match(/android/i)) {iframeBridge(url);
}//微信环境
UA.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'

h5唤起App两种方式 Schema Universal Link相关推荐

wap ios android,wap 唤起App 的两种方式Schema Universal Link
1.schema 现在线上大多数 App 使用的就是 schema 跳转,都对应一套路由法则,基本都能做到跳转到 App 内任一界面. location.href?=?'schema://xxxx' ...
react 调用 html5,React-Native Webview 和H5交互的两种方式
React-Native WebView 和H5交互有两种方式: 方式1:RN Webview 向H5注入JS 此方式可作为Webview向H5端传递数据. RN Webview 有以下属性,可以注入 ...
android打开另外的app两种方式，内置到自己本身的app，重新打开app，
android打开另外的app两种方式,内置到自己本身的app空间,重新打开app空间, 目录 1.内置到自己本身的app空间, 2.重新打开app空间, 1.内置到自己本身的app空间, 被打开的a ...
【Android 逆向】Android 进程代码注入原理 ( 注入本质 | 静态注入和动态注入 | 静态注入两种方式 | 修改动态库重打包 | 修改 /data/app/xx/libs 动态库 )
文章目录一.注入本质二.静态注入和动态注入三.静态注入两种方式 ( 修改动态库重打包 | 修改 /data/app/packageName/libs/ 下的动态库 ) 一.注入本质进程注入本质 ...
PyCharm创建app的两种方式
PyCharm创建app的两种方式方式1 1-1 在terminal中敲如下代码 python manage.py startapp xxx 1-2 在settings.py中INSTALLED_A ...
【application Extension 之TodayExtension】扩展与宿主App之间共享数据有两种方式
文章目录前言 I .点击跳转到APP II.扩展与宿主App之间共享数据有两种方式: 2.1.通过NSUserDefaults 2.2. 通过一个扩展与App都可以访问的共享容器,来存放文件,数据( ...
H5唤起APP进行分享的尝试
H5唤起APP进行分享最近很久没有写blog和note,倒是过家家的开发日志简单草草写了一点.这次记录下这个学习过程由来我们的 "通达有你",web h5页面的分享功能体验太 ...
pod：Kubernetes(k8s)创建pod的两种方式
目录一.系统环境服务器版本 docker软件版本 CPU架构 CentOS Linux release 7.4.1708 (Core) Docker version 20.10.12 x86_64 ...
app能不能跳转外部h5_APP内部H5页面跳转 H5唤起APP 怎么做？
H5唤起APP某页面做的H5页面,在APP中放了入口,在APP中访问别的页面场景我们做的H5页面,希望从浏览器跳转至APP的某个特定页面,如在H5中设置购买按钮,希望点击跳转至APP内部的购买页 ...
如何用xinstall实现h5唤起app
移动端主流的H5页面如何实现唤起APP的? 写过hybrid的同学,想必都会遇到这样的需求,如果用户安装了自己的APP,就打开APP或跳转到APP内某个页面,如果没安装则引导用户到对应页面或应用商店下 ...

h5唤起App两种方式 Schema Universal Link

h5唤起App两种方式 Schema Universal Link相关推荐

最新文章

热门文章