应项目要求，现在安卓app和苹果app共用一个二维码，对外提供下载：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>app下载</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) {

            window.location = "https://itunes.apple.com/app/id118005xxx";  //改地址放入IOS跳转链接

        } else if (browser.versions.android) {　　　　　　　　　　　　　　 //该地址放入Android下载包链接

            window.location = "http://192.168.0.123:9010/hcgj/static/hcgjapk/hcgj_v2.0.0.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>

近期微信对apk下载直接拦截，这里我们对上述代码进行优化升级：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <title>xxxapp下载</title>

    <script type="text/javascript" src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

    <style type="text/css">

    *{margin:0; padding:0;}

    a{text-decoration: none;}

    img{max-width: 100%; height: auto;}

    .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;}

    .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}

    .apk_download{display: none;}

    .button {

        background-color: #4CAF50;

        border: none;

        color: white;

        padding: 15px 32px;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        font-size: 16px;

        margin: 4px 2px;

        cursor: pointer;

    }

    </style>

    <script type="text/javascript">

        $(window).on("load",function(){

            var winHeight = $(window).height();

            var is_weixin = (function(){ return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1} )();

            if(is_weixin){

                $(".weixin-tip").css("height",winHeight);

                $(".weixin-tip").show();

            }else{

                $(".apk_download").show();

            }

        })

        /*

         * 智能机浏览器版本信息:

         *

         */

        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) {

            window.location = "itms-apps://itunes.apple.com/app/id1383632905";  //改地址放入IOS跳转链接

        } else if (browser.versions.android) {　　　　　　　　　　　　　　 //该地址放入Android下载包链接

            //window.location = "http://xxxxx.com/static/app/zcjsc_1.5.8.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>

<div class="weixin-tip">

        <p>

            <img src="live_weixin.png" alt="微信打开"/>

        </p>

    </div>

<div class="apk_download">

<a href="http://xxxxx.com/static/app/zcjsc_1.6.1.apk" class="button">下载xxxapk</a>

</div>

</body>

</html>

安卓app和苹果app共用一个二维码的更多相关文章

  1. 安卓和IOS、微信 公用一个二维码

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 一个二维码如何自动识别是安卓（Android）还是苹果(IOS)

    思考问题: 通常,我们开发一个APP,有Android版本.IOS版本. 但是只有一个二维码?怎么办呢? 怎么让IOS用户扫描二维码下载IOS版本,Android用户扫描二维码下载到Android版本 ...

  3. 二维码合成，将苹果和安卓（ios和android）合成一个二维码，让用户扫描一个二维码就可以分别下载苹果和安卓的应用

    因为公司推广的原因,没有合适的将苹果和安卓(ios和android)合成一个二维码的工具. 因为这个不难,主要是根据浏览器的UA进行判断,所以就自己开发了一个网站 网站名称叫:好推二维码  https ...

  4. 公司开发的APP，如何生成一个二维码，供客户下载使用

    1.其实和简单,因为一般的用户使用扫一扫,大多数都是用微信自带的扫一扫工具 而,微信打开的二维码页面,会自动屏蔽apk文件,所以显然把apk的url生成一个二维码,让用户扫一扫就能直接下载,这样是行不 ...

  5. 用一个二维码做下载地址，自动区分是 ios 还是 android

    用一个二维码做下载地址,自动区分是 ios 还是 android, 甚至区分 iphone  和 ipad. <html> <head> <meta http-equiv ...

  6. 详解C#泛型（二） 获取C#中方法的执行时间及其代码注入 详解C#泛型（一） 详解C#委托和事件（二） 详解C#特性和反射（四） 记一次.net core调用SOAP接口遇到的问题 C# WebRequest.Create 锚点“#”字符问题 根据内容来产生一个二维码

    详解C#泛型(二)   一.自定义泛型方法(Generic Method),将类型参数用作参数列表或返回值的类型: void MyFunc<T>() //声明具有一个类型参数的泛型方法 { ...

  7. PHP实现一个二维码同时支持支付宝和微信支付

    实现思路 生成一个二维码,加入要处理的url连接 在用户扫完码后,在对应的脚本中,判断扫码终端,调用相应的支付 若能够扫码之后能唤起相应app,支付宝要用手机网站支付方式,微信要使用jsapi支付方式 ...

  8. 用Arduino制作一个二维码显示器

    先上图 场景是这样的, 这几天给CS系统做一个微信支付的功能,  但是生成的二维码是在前台的电脑上..不可能让用户跑到前台的电脑上去扫描...然后拿出了N年前买的Arduino 做了一个二维码显示器. ...

  9. 用lua nginx module搭建一个二维码

    用lua nginx module搭建一个二维码(qr code)生成器 作者 vinoca 發布於 2014年10月31日 如果有VPS,或者开源的路由器,安装一个nginx,添加lua-nginx ...

随机推荐

  1. [matlab工具箱] 曲线拟合Curve Fitting

    ——转载网络 我的matlab版本是 2016a 首先,工具箱如何打开呢? 在 apps 这个菜单项中,可以找到很多很多的应用,点击就可以打开具体的工具窗口 本文介绍的工具有以下这些: curve F ...

  2. linux系列目录

    一:linux系列部分  linux系列(一):ls命令 linux系列(二):cd命令 linux系列(三):pwd命令 linux系列(四):mkdir命令 linux系列(五):rm命令 lin ...

  3. cometoj---contest#3 棋盘

    棋盘:(状压dp) 传送门:https://www.cometoj.com/contest/38/problem/B?problem_id=1535 题目描述 小猫有一个 2×N 的棋盘,每一个格子放 ...

  4. 《挑战30天C++入门极限》C++类对象的复制－拷贝构造函数

        C++类对象的复制-拷贝构造函数 在学习这一章内容前我们已经学习过了类的构造函数和析构函数的相关知识,对于普通类型的对象来说,他们之间的复制是很简单的,例如: int a = 10; int ...

  5. 读取本地word 浏览器下载（设置编码格式）

    String filePath = "C:\\word\\报告.doc"; BufferedWriter bos = null; BufferedReader bis = null ...

  6. winform如何不卡界面

    快速阅读 如何在winform程序中,让界面不再卡死. 关于委托和AsyncCallback的使用. 界面卡死的原因是因为耗时任务的计算占用了主线程,导致主界面没有办法进行其它操作,比如拖动.造成界面 ...

  7. C语言JSON序列化/反序列化

    最近想找一个C语言处理嵌套结构体和结构体数组的json库,理想的是能够很容易处理复杂结构体嵌套,并且使用简单的,但是没找到比较合适的,于是打算自己封装一个: 两个问题: C语言结构体本身没有元数据,这 ...

  8. 小福bbs-冲刺日志(第四天)

    [小福bbs-冲刺日志(第四天)] 这个作业属于哪个课程 班级链接 这个作业要求在哪里 作业要求的链接 团队名称 小福bbs 这个作业的目标 两个前端完成15个界面 作业的正文 小福bbs-冲刺日志( ...

  9. 【Java/Json】Java对Json进行建模，分词，递归向下解析构建Json对象树

    伸手党的福音 代码下载:https://files.cnblogs.com/files/xiandedanteng/JsonLexerBuilder20191202.rar 互联网上成型的对Json进 ...

  10. oracle/mysql经典电子书籍pdf下载

    Oracle LZ写的书,深入结合oracle设计.优化/SQL优化.应用层架构与优化.大量生产案例,敬请期待... Oracle编程艺术 深入理解数据库体系结构(第3版) 链接:https://pa ...