問題分析：普通頁面一般無法呼叫微信的掃一掃介面，從而否定通過微信掃一掃功能給我們判斷當前掃碼的裝置型別。

解決方案：通過應用下載頁面自身來獲取當前訪問的客戶端裝置型別（iPhone、Android、iPad），然後分別跳轉到不同的下載連結。

1. 新建一個靜態頁面，如：download.html;
2. 在download.html中佈局，分別設定安卓和iOS的下載按鈕指示（避免自動跳轉失敗時可以讓使用者手動選擇點選下載）；
3. 在頁面載入完成的事件ready裡面（也可不放ready裡）新增如下JS指令碼;
4. 把download.html放到後臺應用伺服器的某個能被外網訪問的路徑下；
5. 對第四步的訪問路徑生成一個二維碼即可。（生成網址如：
   草料線上生成二維碼）

<script>
  /*瀏覽器版本資訊*/
  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) {
    window.location="http://itunes.apple.com/cn/app/id1355618471"; // ios版本的下載地址
    console.log("ios平臺");
  }
  else if (browser.versions.android) {
    window.location="http://www.ssme.gov.cn/entsrv_cloud/app_update_info/shqyfwy.apk"; // android版本的下載地址
    console.log("android平臺");
  }

</script>
 

注意事項：

• 測試時必須在外網環境下，也就是說download.html的存放路徑能被外網訪問，這樣微信掃一掃之後才可能加載出來下載頁面。
• 如果跳轉失敗，請仔細檢查和嘗試使用http和https兩種不同的協議（有三處：跳轉App Store/下載apk/download.html路徑）