移动端H5唤起APP的写法实例（IOS、android）
IOS
1.url scheme
这个⽅案基本上就是针对、qq内置浏览器，qq浏览器等之外的其余浏览器，从native那边要⼀个scheme ，然后放在a标签⾥或者location.href跳⼀下就⾏了
⽤⼀个iframe去做的⼀个跳页，有的话唤起scheme没有的话，会触发定时器跳到下载地址。但是这个⽅式在ios⾥⾯，在没有app的时候会遇到两次提⽰，
var openApp = function (src) {
google官方下载app// 通过iframe的⽅式试图打开APP，如果能正常打开，会直接切换到APP，并⾃动阻⽌a标签的默认⾏为
// 否则打开a标签的href链接
const ifr = ateElement('iframe');
ifr.src = src;
ifr.style.display = 'none';
document.body.appendChild(ifr);
var poenTime = +new Date()
window.setTimeout(() => {
veChild(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内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。