admin管理员组文章数量:1613928
在浏览器中打开手机APP 如果手机中没有安装则跳转到下载页面
其实不管用户有没有安装App 最终都会跳转到App下载页,因为判断不了用户是否安装App,只能是每次尝试去打开 不管成功或者失败都会到下载界面
<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>打开手机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="call_app" href="javascript:;" class="label">立即打开>></a>
</div>
<script>
var u = navigator.userAgent;
//android终端
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
//ios终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
var config = {
/**scheme:必须*/
scheme_IOS:'yuancios://',
/** yuancandroid 这个必须全部小写*/
scheme_Adr: 'yuancandroid://splash',
download_url_ios: 'ios下载地址',
download_url_adr: 'android下载地址',
timeout: 600
};
var openApp = function () {
//ios9不支持iframe 所以直接用href跳转,不过这种方式并不完美
//ios 手机如果没有安装要打开的app 会弹窗提示链接无效 不太友好
//不过苹果官方好像出了一个通用链接的方式处理 有需要的可以去百度一下这种实现方式
//所以用两个定时器 而如果跳应用失败 会打开下载链接
//reload 并不会打断 App Store 的跳转。
if (isiOS) {
location.href = config.scheme_IOS;
setTimeout(function () {
location.href = config.download_url_ios;
}, config.timeout + 900);
setTimeout(function () {
location.reload();
}, config.timeout + 1400);
} else if (isAndroid) {
//如果安卓有浏览器不支持iframe 可以判断浏览器类型然后用
// window.location.href 直接跳转 这种方式处理
var ifr = document.createElement('iframe');
ifr.src = config.scheme_Adr;
ifr.style.display = 'none';
document.body.appendChild(ifr);
setTimeout(function () {
location.href = config.download_url_adr;
}, config.timeout + 400);
}
};
document.getElementById("call_app").addEventListener('click', openApp, false);
</script>
</body>
</html>
版权声明:本文标题:在浏览器中打开手机app 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1728661361a1168657.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论