思考问题：

通常，我们开发一个APP，有Android版本、IOS版本。

但是只有一个二维码？怎么办呢？

怎么让IOS用户扫描二维码下载IOS版本，Android用户扫描二维码下载到Android版本呢？

实现思路：

  1. 首先，需要新建一个html文件，通过JavaScript来判断用户的手机系统（IOS或Android），判断之后，根据不同的手机系统，跳转到不同的链接去下载。
  2. 然后，使用这个html文件的链接去生成一个二维码图片。
  3. 最后，拿出手机扫一扫二维码图片会跳转到相应的下载链接。

给出代码：down.html

 <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') > -, //IE内核

                     presto: u.indexOf('Presto') > -, //opera内核

                     webKit: u.indexOf('AppleWebKit') > -, //苹果、谷歌内核

                     gecko: u.indexOf('Gecko') > - && u.indexOf('KHTML') == -, //火狐内核

                     mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端

                     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

                     android: u.indexOf('Android') > - || u.indexOf('Linux') > -, //android终端或者uc浏览器

                     iPhone: u.indexOf('iPhone') > - || u.indexOf('Mac') > -, //是否为iPhone或者QQHD浏览器

                     iPad: u.indexOf('iPad') > -, //是否iPad

                     webApp: u.indexOf('Safari') == - //是否web应该程序，没有头部与底部

                 };

             }(),

             language: (navigator.browserLanguage || navigator.language).toLowerCase()

         }

         if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {

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

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

             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>

用这个down.html去生成一个二维码图片，再使用手机扫一扫即可。

希望能够帮助到大家！若有问题，欢迎加群！

一个二维码如何自动识别是安卓（Android）还是苹果(IOS)的更多相关文章

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

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

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

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

  3. 安卓app和苹果app共用一个二维码

    应项目要求,现在安卓app和苹果app共用一个二维码,对外提供下载: <html> <head> <meta http-equiv="Content-Type& ...

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

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

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

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

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

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

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

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

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

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

  9. Android开发——通过扫描二维码，打开或者下载Android应用

    Android开发——通过扫描二维码,打开或者下载Android应用   在实现这个功能的时候,被不同的浏览器折磨的胃疼,最后实现了勉强能用,也查考了一下其他人的博客 android实现通过浏览器点击 ...

随机推荐

  1. C++（+类型加强 +加入面向对象）

    1.c++中所有变量可以在使用前定义. ; i< ; i++) { ; j< ; j++) { do_sth; } } 2. c++ 中可以获得 register 变量的地址. regis ...

  2. 列表 & 元组& join & range

    一:列表(增删改查,列表的嵌套,列表的循环) 1)增加 append    (在列表的尾部增加) insert       (插入)   insert(插入的位置,插入的内容) extend      ...

  3. Oracle启动关闭

    启动: [oracle@oracleSigle ~]$ sqlplus / as sysdba   SQL*Plus: Release 11.2.0.1.0 Production on Wed Nov ...

  4. 关于maven-resources-plugin配置的隐藏的坑

    昨天发现一个问题, 一个第三方证书的文件存放于resources文件夹下,在本地环境使用该证书进行加密调用第三方接口,没有任何问题,但是发布到测试环境和生产环境(linux)报错,提示证书工厂无法初始 ...

  5. 016-并发编程-java.util.concurrent.locks之-Lock及ReentrantLock

    一.概述 重入锁ReentrantLock,就是支持重进入的锁 ,它表示该锁能够支持一个线程对资源的重复加锁.支持公平性与非公平性选择,默认为非公平. 以下梳理ReentrantLock.作为依赖于A ...

  6. 解决xp突然出现开机登录界面的问题

    对系统进行网络相关的设置后,有时会让系统开启时突然冒出登录窗口,即使我们没有对自己的系统设置开机密码,也会冒出这个,需要回车一下才会进入系统:关机时,xp特有的“关机”,“待机”,“重新启动”按钮会变 ...

  7. python调用RPC接口

    要调用RPC接口,python提供了一个框架grpc,这是google开源的 rpc相关文档: https://grpc.io/docs/tutorials/basic/python.html 需要安 ...

  8. python3内置的tkinter参数释疑

    最近涉及到需要实现一个桌面UI的小游戏,所以就翻看了一些文档. 当然有介绍使用pyQT5的,但是本机安装的是python3.4,不想卸载掉这个版本,暂时还不能使用pyQT5. pyQT5需要pytho ...

  9. 日志采集器windows客户端的配置释义

    <Extension json> Module xm_json </Extension> <Extension charconv> Module xm_charco ...

  10. linux下sublime输入中文

    title: linux下sublime输入中文 date: 2017-11-09 20:54:43 tags: sublime categories: 开发工具 archlinux系统 下载文件 g ...