uniapp 判断微信小程序端、App端、h5端

区分���识

写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

#ifdef：if defined 仅在某平台存在

#ifndef：if not defined 除了某平台均存在

%PLATFORM%：平台名称

此方法支持文件有

.vue （模板里使用 ）

.js （使用// 注释）

.css （使用 /* 注释 */）

pages.json （使用// 注释）

各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug （使用 /注释/）

js文件示例

APP端

        /*#ifdef APP-PLUS*/        console.log('APP端')        /*#endif*/

H5端

/#ifdef H5/

console.log(‘H5端’)

/#endif/

微信小程序

/#ifdef MP-WEIXIN/

console.log(‘微信小程序端’)

/#endif/

H5端及APP端

        /*#ifdef APP-PLUS || H5*/        console.log('H5端及APP端')        /*#endif*/

非H5端

/#ifndef H5/

console.log(‘非H5端’)

/#endif/

vue文件示例

APP端

                 APP端         

H5端

H5端

微信小程序

微信小程序端

css文件示例

APP端

        /*#ifdef APP-PLUS*/        top:0;        /*#endif*/

H5端

/#ifdef H5/

top:88rpx;

/#endif/

微信小程序

/#ifdef MP-WEIXIN/

top:0;

/#endif/

%PLATFORM% 可取值如下：

值 生效条件

VUE3 HBuilderX 3.2.0+ 详情

APP-PLUS App

APP-PLUS-NVUE或APP-NVUE App nvue 页面

APP-ANDROID App Android 平台 仅限 uts文件

APP-IOS App iOS 平台 仅限 uts文件

H5 H5

MP-WEIXIN 微信小程序

MP-ALIPAY 支付宝小程序

MP-BAIDU 百度小程序

MP-TOUTIAO 抖音小程序

MP-LARK 飞书小程序

MP-QQ QQ小程序

MP-KUAISHOU 快手小程序

MP-JD 京东小程序

MP-360 360小程序

MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序

QUICKAPP-WEBVIEW 快应用通用(包含联盟、华为)

QUICKAPP-WEBVIEW-UNION 快应用联盟

QUICKAPP-WEBVIEW-HUAWEI 快应用华为