一個二維碼如何自動識別是安卓（Android）還是蘋果(IOS)

最後更新：2018-08-22 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：pre tle 分享圖片 cat div ase webapp doc mac os

思考問題：

通常，我們開發一個APP，有Android版本、IOS版本。

但是只有一個二維碼？怎麼辦呢？

怎麼讓IOS使用者掃描二維碼下載IOS版本，Android使用者掃描二維碼下載到Android版本呢？

實現思路：

首先，我們需要建立一個html檔案，通過JavaScript來判斷使用者的手機系統（IOS或Android），判斷之後，根據不同的手機系統，跳轉到不同的連結去下載。
然後，我們使用這個html檔案的地址產生一個二維碼圖片。
最後，使用者可進行掃一掃二維碼圖片進行相應的下載。

給出代碼：down.html

 1 <html> 2  3 <head> 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5     <title>二維碼下載</title> 6  7     <script type="text/javascript"> 8         /*   9          * 智能機瀏覽器版本資訊:  10          *  11          */12         var browser = {13             versions: function() {14                 var u = navigator.userAgent,15                     app = navigator.appVersion;16                 return { //移動終端瀏覽器版本資訊  17                     trident: u.indexOf(‘Trident‘) > -1, //IE核心  18                     presto: u.indexOf(‘Presto‘) > -1, //opera核心  19                     webKit: u.indexOf(‘AppleWebKit‘) > -1, //蘋果、Google核心  20                     gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //Firefox核心  21                     mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否為移動終端  22                     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端  23                     android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android終端或者uc瀏覽器  24                     iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否為iPhone或者QQHD瀏覽器  25                     iPad: u.indexOf(‘iPad‘) > -1, //是否iPad  26                     webApp: u.indexOf(‘Safari‘) == -1 //是否web應該程式，沒有頭部與底部  27                 };28             }(),29             language: (navigator.browserLanguage || navigator.language).toLowerCase()30         }31 32         if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {33             window.location = "https://itunes.apple.com/cn/app/xxx";34         } else if (browser.versions.android) {35             window.location = "http://zhj8.aliapp.com/xxx.apk";36         }37 38         //            document.writeln("語言版本: " + browser.language);  39         //            document.writeln(" 是否為移動終端: " + browser.versions.mobile);  40         //            document.writeln(" ios終端: " + browser.versions.ios);  41         //            document.writeln(" android終端: " + browser.versions.android);  42         //            document.writeln(" 是否為iPhone: " + browser.versions.iPhone);  43         //            document.writeln(" 是否iPad: " + browser.versions.iPad);  44         //            document.writeln(navigator.userAgent);45     </script>46 </head>47 48 <body>49 50 </body>51 52 </html>

用這個down.html去產生一個二維碼圖片，再使用手機掃一掃即可。

希望能夠協助到大家！若有問題，歡迎加群！

一個二維碼如何自動識別是安卓（Android）還是蘋果(IOS)

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More