扫描二维码下载app，判断是Android还是ios设备并下载对应的包

2024-06-18实例代码

316

通常，我们开发一个app，有Android版本，有ios版本，但是，我们有时候只有一个二维码可以放置，比如，通过社会化分享，分享到微信一张图片，通过微信识别二维码来下载我们的app,此时，只有一个二维码，那么怎样，让ios系统用户扫描二维码下载的事ios版本，Android用户扫描二维码下载到的是Android版本呢。

思路就是，我们知道，二维码存储一个路径，这个路径我们不要去放Android或ios的下载地址，而是我们服务器一个 html地址，那么在这个html页面里，我们通过javaScript来的进行Android或ios的逻辑判断，判断后，不同的系统，链接到不同的地址去下载。

具体代码如下：

<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>二维码下载</title>     
 
        <script type="text/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://itunes.apple.com/cn/app/xxx";  
            }  
            else if (browser.versions.android) {  
 // 此处写Andoird 的下载地址               window.location="http://zhj8.aliapp.com/xxx.apk";  
            }  
 
//            document.writeln("语言版本: " + browser.language);  
//            document.writeln(" 是否为移动终端: " + browser.versions.mobile);  
//            document.writeln(" ios终端: " + browser.versions.ios);  
//            document.writeln(" android终端: " + browser.versions.android);  
//            document.writeln(" 是否为iPhone: " + browser.versions.iPhone);  
//            document.writeln(" 是否iPad: " + browser.versions.iPad);  
//            document.writeln(navigator.userAgent);  
 
 
        </script>  
    </head>  
    <body>  
 
    </body>  
</html>

The End

layui后台布局实例代码

layui后台布局的实例代码，以下是详细代码： !DOCTYPE htmlhtmlhead meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" titlelayout 后台大布局 - Layui/title link rel="stylesheet" ...

2025-10-15 实例代码

可自动切换的tab实例代码

可自动切换的tab实例代码，html代码如下： !-- tab标签代码begin --div class="tab1" id="tab1" div class="menu" ul li id="one1" onclick="setTab('one',1)"新闻/li li id="one2" onclick="setTab('one',2)"活动/li li id="one3" onclick="setTab('one',3)"...

2025-09-16 实例代码

114

php数据处理：数组根据某字段进行分组

php数据处理：数组根据某字段进行分组，实例代码如下： /** * @description:根据数据 * @param {dataArr:需要分组的数据；keyStr:分组依据} * @return: */ protected function dataGroup(array $dataArr,string $keyStr) :array { $newArr=[]; foreach ($data...

2025-06-12 实例代码

188

LayUI登录页面页设计实例

实例代码如下： !DOCTYPE htmlhtml lang="en" head meta charset="utf-8" link rel="stylesheet" href="layui/css/layui.css" style type="text/css" .container{ width: 420px; height: 320px; min-height: 320px; max-height: 320px; position: absolute; t...

2025-04-13 实例代码

234

MUI Picker Input设置默认时间回显实例代码

MUI Picker Input设置默认时间回显实例代码 mui('body').on('tap', '#begTime', function () { //日期选择 var dtPicker = new mui.DtPicker({ type: 'date' }); /*参数：'datetime'-完整日期视图(年月日时分) 'date'--年视图(年月日) 'time' --时间视图(时分...

2025-01-09 实例代码

139

input file上传图片设置的实例代码

input file上传图片设置的实例代码 div纯input与type/div input type="file" div指明需要图片/div input type="file" accept='image/*' div指明需要多张图片/div input type="file" multiple accept='image/*' div指明调用摄像头获取图片/div input type="fil...

2024-12-30 实例代码

133

相关推荐

layui后台布局实例代码

可自动切换的tab实例代码

php数据处理：数组根据某字段进行分组

LayUI登录页面页设计实例

MUI Picker Input设置默认时间回显实例代码

input file上传图片设置的实例代码

热门文章

热门精品源码

最新VIP资源