分享好友 教程首页 教程搜索 频道列表

html5点击唤醒app

2022-07-14 11:542890
+关注2
核心提示:h5页面唤醒app,以淘宝为例子htmlaonclick=openApp()点击唤醒app/aJSscriptvardown...

h5页面唤醒app,以淘宝为例子


html

<a onclick="openApp()">点击唤醒app</a>	


JS

<script>
var download_schema = 'taobao://'; //app的协议有安卓同事提供,这里是用的淘宝
var universal_link = 'ios下载地址';//ios下载地址
var getVersionUrl = 'Android下载地址';//Android移动端下载地址
var u = navigator.userAgent.toLocaleLowerCase();
//console.log(u);
var isWeixin = u.match(/MicroMessenger/i) == 'micromessenger'; //判断是不是微信浏览器
var isAndroid = u.indexOf('android') > -1 || u.indexOf('linux') > -1; //android终端或者uc浏览器
var isiOS = !! u.match(/(iphone|ipod|ipad|mac)/i);
 
function openApp() {
    //alert('1');
    //alert(isAndroid);
    //alert(isiOS);
    if (isAndroid) {
        android1();
    }
    if (isiOS) {
        ios();
    }
    //alert("调用下载失败"); //此处弹窗时,是没有version参数,如果在app中打开,是会有这个参数的
}
 
function android1() {
    //如果是微信,直接下载
    if (isWeixin) {
        window.location.href = "Android下载地址 "; 
    } else {
        window.location.href = download_schema; 
        window.setTimeout(function () {
            //window.location.href = "Android下载地址";
            window.location.href = getVersionUrl; 
        }, 100);
    }
}
 
function ios() {
    window.location.href = universal_link + "?schema=" + encodeURIComponent(download_schema);
} 
</script>


本文标签: #唤醒 #app #链接
整理员:网络转载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

H5页面唤起指定app或跳转到应用市场

网络转载 HTML教程2022-07-14

下一篇
我来说两句
抢沙发