思考问题：

通常，我们开发一个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. 高性能Nginx服务器-负载均衡

    Location正则表达式 location的作用 location指令的作用是根据用户请求的URI来执行不同的应用,也就是根据用户请求的网站URL进行匹配,匹配成功即进行相关的操作. locatio ...

  2. Mac开发工具汇总

    1: Json Parser Mac版 http://www.pc6.com/mac/180470.html

  3. python基础(11)-常用模块

    re(正则)模块 常用方法 findall() 以列表返回所有满足条件的结果 import re print(re.findall('\d','a1b2c2abc123'))#['1', '2', ' ...

  4. 解决 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 问题

    https://blog.csdn.net/weixin_41196185/article/details/81114226 今天在启动vue项目的时候报了这样一个错误 观察到关键词是 FATAL E ...

  5. 初识GitHub之创建文件

    在新建了一个项目(repository)后,会跳转到项目主页,如下图 Create new file(创建新文件)就是新建一个代码文件,Upload file(上传文件)即从内存中将代码文件上传至本项 ...

  6. OOP面向对象编程(下)

    我们怎么去模拟重载,在javasceipr中我们可以通过参数的类型区别或者数量的区别,来去让同样一个函数名字,可以根据不同的参数列表的情况来去调用相应的函数. javascript中函数类型是不确定的 ...

  7. Failure to transfer org.apache.maven.plugins:maven-surefire-plugin:pom:2.12.4

    Failure to transfer org.apache.maven.plugins:maven-surefire-plugin:pom:2.12.4 from https://repo.mave ...

  8. function(){}、var fun=function(){}和function fun(){}的区别

    一.基本定义 1.函数声明:使用function声明函数,并指定函数名. function fun() { // ...... } 2.函数表达式:使用function声明函数,但未指定函数名,将匿名 ...

  9. java.sql.SQLException: Access denied for user 'scott'@'localhost' (using password: YES)

    今天用eclipse连接一下数据库,出现此异常. java.sql.SQLException: Access denied for user 'scott'@'localhost' (using pa ...

  10. Java多态(注意事项)

    多态:相同类型的变量.调用同一方法时呈现出多种不同的行为特征,这就是多态. 1.引用变量在编译阶段只能调用其编译时类型所具有的方法,但运行时则执行它运行时类型所具有的方法,因此编写Java代码时.引用 ...