js跳转到各手机应用商城

83 阅读 0 评论 55 点赞

我是靠谱客的博主冷艳棒球，最近开发中收集的这篇文章主要介绍js跳转到各手机应用商城，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.是否是内置浏览器

function is_neizhi() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return "weixin";
    } else if (ua.match(/QQ/i) == "qq") {
        return "QQ";
    } else if (ua.match(/Alipay/i) == "alipay" && payway == 2) {
        return "alipay";
    }
    return false;
}

2.判断手机品牌

function verifyBrand() {
    const userAgent = navigator.userAgent.toLowerCase()
    const isIphone = userAgent.match(/(iphone|ipad|ipod)/i);
    const isHuawei = userAgent.match(/huawei/i);
    const isHonor = userAgent.match(/honor/i);
    const isOppo = userAgent.match(/oppo/i);
    const isOppoR15 = userAgent.match(/PACM00/i);
    const isVivo = userAgent.match(/vivo/i);
    const isXiaomi = userAgent.match(/mis/i);
    const isXIAOMI = userAgent.match(/xiaomi/i);
    const isXiaomi2s = userAgent.match(/mixs/i);
    const isRedmi = userAgent.match(/redmi/i);

    if (isIphone) {
        return 'iphone'
    } else if (isHuawei || isHonor) {
        return 'huawei';
    } else if (isOppo || isOppoR15) {
        return 'oppo';
    } else if (isVivo) {
        return 'vivo';
    } else if (isXiaomi || isRedmi || isXiaomi2s || isXIAOMI) {
        return 'xiaomi';
    } else {
        return 'other'
    }
}

3.跳转下载的主方法,如果是内置浏览器,需要跳转到手机自带的浏览器方可使用

function goDownload() {
    if (is_neizhi()){
        //内置浏览器  可加提示使其打开手机自带浏览器
        return;
    }
    const iosLinkUrl = "苹果链接";
    const androidLinkurl ="安卓链接";
    const huaweiUrl = 'appmarket://details?id=安卓包名';
    const oppoUrl = "oppomarket://details?packagename=安卓包名";
    const vivoUrl = "vivomarket://details?id=安卓包名";
    const xiaomiUrl = 'mimarket://details?id=安卓包名';
    switch (this.verifyBrand()) {
        case 'iphone':
            window.location.href=iosLinkUrl ;
            break;
        case 'xiaomi':
            window.location.href=xiaomiUrl;
            break;
        case 'huawei':
            window.location.href=huaweiUrl;
            break;
        case 'vivo':
            window.location.href=vivoUrl;
            break;
        case 'oppo':
            window.location.href=oppoUrl;
            break;
        default:
            window.location.href=androidLinkurl;
            break;
    }
}