思考问题：

通常，我们开发一个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. 点击图片img提交form表单

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

  2. Jenkins+Jmeter持续集成笔记（二：ANT执行Jmeter脚本）

    Jmeter接口测试脚本运行后生成的是jtl(xml)格式的文件,这些文件不具备可读性,所以我们要把他转化为可以阅读的html格式报告. Ant是一个功能强大的打包编译工具.我们使用他的目的是将xml ...

  3. python基础(2)-运算符&while循环

    算术运算符 a=5; b=2; print(a+b);#result:7 desc:加 print(a-b);#result:3 desc:减 print(a*b);#result:10 desc:乘 ...

  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. 8 . IO类-标准IO、文件IO、stringIO

    8.1 IO类 #include <iostream> //标准IO头文件  8.2 文件输入输出流 #include <fstream> //读写文件头文件 std::fst ...

  6. deeplabv3+ demo测试图像分割

    #!--*-- coding:utf-8 --*-- # Deeplab Demo import os import tarfile from matplotlib import gridspec i ...

  7. 18 os/os.path模块中关于文件/目录常用的函数使用方法 （转）

    os模块中关于文件/目录常用的函数使用方法 函数名 使用方法 getcwd() 返回当前工作目录 chdir(path) 改变工作目录 listdir(path='.') 列举指定目录中的文件名('. ...

  8. EasyUI表格DataGrid格式化formatter用法

    1.通过HTML标签创建数据表格时使用formatter <!DOCTYPE html> <html> <head> <meta charset=" ...

  9. 第八篇——Struts2的处理结果类型

    Struts2处理结果类型 1.SUCCESS:表示Action正确的执行完成,返回相应的视图,success是name属性的默认值: 2.ERROR:表示Action执行失败,返回到错误处理视图: ...

  10. vs2017 exe在Linux上运行

    1:将vs .netcore控制台项目发布打包(比如文件名为:demo2core.zip,以下会用到) 2:使用XShell软件连接Linux a.在linux上使用命令  id addr找出ip地址 ...