目前在H5中唤醒APP的方式主要有两种:
1、URL Schemes
2、Universal Links
以下方式为URL Schemes唤醒APP,后面会再写一篇关于Universal Links的!
1、首先在Xcode设置scheme
2、在H5网页中加入如下代码
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<title>OPEN APP</title>
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
</head>
<body>
<div>
<a id="oppen-app" href="JavaScript:;" class="label">OPEN APP</a>
</div>
<script>
(function () {
var name,value;
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
// iOS设备
window.location.href = "hsbatm://"; // iOS端URL Scheme,和Xcode中的设置保持一致
window.setTimeout(function() {
window.location = "http://10.0.10.166:8080/#/installApp"; // appstore下载地址
}, 2000);
} else if (navigator.userAgent.match(/(android|Android);?/i)) {
window.location.href = "hsbatm://"; // Android端URL Scheme
window.setTimeout(function(){
window.location = "http://10.0.10.166:8080/#/installApp"; // Android apk下载地址
},2000);
}
})()
</script>
</body>
</html>