完整的单步二维码扫描下载html代码包括微信

最新推荐文章于 2024-06-19 17:53:15 发布

fanhaofei1234

最新推荐文章于 2024-06-19 17:53:15 发布

阅读量2.7k

点赞数

分类专栏： html5 文章标签： html5 二维码

本文链接：https://blog.csdn.net/fanhaofei1234/article/details/50791046

版权

html5 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>手机APP下载页面：根据终端辨别下载地址</title>
    <script type="text/javascript">
   function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
       return true;
        }else{
       return false;
        }
   }

        // 获取终端的相关信息
        var Terminal = {
            // 辨别移动终端类型
            platform : function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    // android终端或者uc浏览器
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                    // 是否为iPhone或者QQHD浏览器
                    iPhone: u.indexOf('iPhone') > -1 ,
                    // 是否iPad
                    iPad: u.indexOf('iPad') > -1
                };
            }(),
            // 辨别移动终端的语言：zh-cn、en-us、ko-kr、ja-jp...
            language : (navigator.browserLanguage || navigator.language).toLowerCase()
        }

        // 根据不同的终端，跳转到不同的地址
        var theUrl = '';
        if(isWeiXin()){

           theUrl = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meifenqi';
                //此处链接是腾讯应用宝的apk下载链接，需要你的app在应用宝里面同时又安卓和iOS版本
   }else if(Terminal.platform.android){
            theUrl = 'http://www.5imfq.com/download/meifenqi_v2.3.apk';
        }else if(Terminal.platform.iPhone){
            theUrl = 'https://itunes.apple.com/us/app/mei-fen-qi-zhuan-zhu-yu-wei/id1043553469?mt=8';
        }else if(Terminal.platform.iPad){
            theUrl = 'https://itunes.apple.com/us/app/mei-fen-qi-zhuan-zhu-yu-wei/id1043553469?mt=8';
        }
       if(theUrl.length !== 0){
        location.href = theUrl;
   }
    </script>
</head>
<body style="background-color:#333333;">
<div style="width:100%;">
   <img id="android_show" style="width:100%; display:none" src="/images/weixin-tip_an.png" />
        <img id="ios_show" style="width:100%; display:none" src="/images/weixin-tip_ios.png" />
</div>

<script type="text/javascript">
if(Terminal.platform.android){
    document.getElementById("android_show").style.display="block";
}else{
    document.getElementById("ios_show").style.display="block";
}
</script>
</body>
</html>