微信扫描二维码下载APP

<head>
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<script language="javascript">
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.Mobile./) || !!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

        if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {  
            // TODO 此处写ios的下载地址                
            window.location="https://apps.apple.com/cn/app/idxxx";  
        }  
        else if (browser.versions.android) {  
            // 此处写Andoird 的下载地址               
            // window.location="http://zhj8.aliapp.com/xxx.apk";  
        }

    function  isWeixin() {
        var ua = navigator.userAgent.toLowerCase()
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            document.getElementById("modelimg").style.visibility="visible";
            document.getElementById("model").style.visibility="visible";
            const downloadUrl = "http://file.yx-ilink.com/ilink_1606394979634.apk"
            window.location = downloadUrl
        } else {
            document.getElementById("modelimg").style.visibility="hidden";
            document.getElementById("model").style.visibility="hidden";
            // TODO 跳转下载地址
            const downloadUrl = "http://file.yx-ilink.com/ilink_16063949xxx.apk"
            window.location = downloadUrl
        }
    }
</script>

</head>
<body onload="isWeixin()">
<div style="float:left;width:100%;margin-top:200px;text-align:center">
// 图标及提示
<img style="width:300px;height:300px" src="http://file.yx-ilink.com/ilink_1606xxx8725.png"></img>
<p style="color:red;font-size:36px;">提示:请根据提示进行操作</p>
</div>
// 浏览器覆盖div以及提示图
<img id="modelimg" style="float:right;margin-top: -619px;" src="http://file.yx-ilink.com/ilink_1606440438547.png"></img>
<div id="model" class="model" style="width:100%;height:100%;background-color:rgba(0,0,0,0.6);"></div>
</body>

直接复制修改连接可用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容