Uniapp判断运行环境，小程序-公众号-H5-APP

最新推荐文章于 2025-06-19 14:37:28 发布

嘿，小苹果

最新推荐文章于 2025-06-19 14:37:28 发布

阅读量1k

点赞数 3

CC 4.0 BY-SA版权

文章标签： uni-app 小程序

本文链接：https://blog.youkuaiyun.com/AAAXiaoApple/article/details/137782016

本文详细展示了如何使用JavaScript代码在H5、微信公众号、微信小程序、支付宝小程序、百度小程序、头条小程序和QQ小程序中进行类型判断，通过`navigator.userAgent`获取用户代理信息来确定当前应用环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// #ifdef H5
        var app_type = this.isWeiXin() ? 'wechat' : 'h5';
        var app_type_name = this.isWeiXin() ? '微信公众号' : 'H5';
        // #endif

        // #ifdef MP-WEIXIN
        var app_type = 'weapp';
        var app_type_name = '微信小程序';
        // #endif

        // #ifdef MP-ALIPAY
        var app_type = 'aliapp';
        var app_type_name = '支付宝小程序';
        // #endif

        // #ifdef MP-BAIDU
        var app_type = 'baiduapp';
        var app_type_name = '百度小程序';
        // #endif

        // #ifdef MP-TOUTIAO
        var app_type = 'MP-TOUTIAO';
        var app_type_name = '头条小程序';
        // #endif

        // #ifdef MP-QQ
        var app_type = 'MP-QQ';
        var app_type_name = 'QQ小程序';
        // #endif

isWeiXin() {
        // #ifndef H5
        return false;
        // #endif
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
       	 console.log('微信公众号环境');
            return true;
        } else {
            return false;
        }
    },