【JavaScript】移動端掃描二維碼檢測瀏覽器（微信、支付寶、Safari、其他瀏覽器）

// 檢測客戶端類型
// 注意：19年6月份iPad出了專門的操作系統iPadOS
// 它的userAgent中不是iPad，也沒有下文中的mobile，而是Macintosh，類似Mac。需要兼容的可以加上。
function judgeClient() {
  var client = "";
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    client = "ios";
  } else if (/(Android)/i.test(navigator.userAgent)) {
    client = "android";
  } else {
    client = "pc";
  }
  return client;
}

// 檢測瀏覽器（微信、支付寶、Safari、其他瀏覽器）
function whichBrowser(){

    var versionFileUrl = document.getElementById("downloadUrl").innerText;

    var clientType = client;

    var browser = navigator.userAgent.toLowerCase();

    var IOSTip = "點擊右上角按鈕，然後在彈出的菜單中，點擊Safari中打開，即可安裝";

    var IOS4Other = "該瀏覽器不支持安裝App。請在Safari中打開，即可安裝";

    var ANDROIDTip = "點擊右上角按鈕，然後在彈出的菜單中，點擊在瀏覽器中打開，即可安裝";

    if(/Alipay/i.test(browser) || /MicroMessenger/i.test(browser)){

        if(clientType === "ios"){
            alert(IOSTip);
        }else if(clientType === "android"){
            alert(ANDROIDTip);
        }
    }else if(browser.indexOf('applewebkit') > -1 && browser.indexOf('mobile') > -1 && browser.indexOf('safari') > -1 &&
        browser.indexOf('linux') === -1 && browser.indexOf('android') === -1 && browser.indexOf('chrome') === -1 &&
        browser.indexOf('ios') === -1 && browser.indexOf('browser') === -1){

        window.location.href = "itms-services://?action=download-manifest&url=" + versionFileUrl;
    }else {

        if(clientType === "ios"){
            alert(IOS4Other);
        }else if(clientType === "android"){
            window.location.href = versionFileUrl;
        }
    }
}