uniapp微信小程序ifdef与endif的使用

#ifdef仅在某个平台上使用
#ifndef在除了这个平台的其他平台上使用(非此平台使用)
#endif结束条件编译
H5H5
APP-PLUSAPP
MP微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序
MP-WEIXIN微信小程序
MP-ALIPAY支付宝小程序
MP-BAIDU百度小程序
MP-TOUTIAO头条小程序
MP-QQQQ小程序
APP-PLUS-NVUEApp nvue

举例说明

1、js/css

H5端

/*#ifdef H5*/
console.log('H5')
/*#endif*/

小程序端

/*#ifdef MP*/
console.log('小程序')
/*#endif*/

2、html

H5端

 <!-- #ifdef H5 -->
<view> H5 </view>
<!-- #endif -->

小程序端

<!-- #ifdef MP -->
<view> 小程序 </view>
<!-- #endif -->

UniApp中,#ifdef和#endif是条件编译指令,用于在不同平台上编译不同的代码块。#ifdef仅在某个平台上使用,而#ifndef在除了该平台之外的其他平台上使用(即非此平台使用)。编译器在编译时会根据这些特殊注释判断是否编译注释内的代码段。例如,可以使用#ifdef APP-PLUS来编写仅在App平台上生效的代码块,使用#ifndef APP-PLUS来编写除了App平台之外的其他平台生效的代码块。还可以使用#if来编写更复杂的条件逻辑,如#if defined(APP-PLUS) || defined(HS),表示在App平台或H5平台上生效的代码块。在模板、脚本和样式中都可以使用这些条件编译指令。例如,在模板中,可以使用<!-- #ifdef APP-PLUS -->...<!-- #endif -->来编写仅在App平台下生效的代码块。在脚本中,可以使用#ifdef和#endif来包裹仅在特定平台下生效的代码块。在样式中,可以使用/* #ifdef APP-PLUS */.../* #endif */来编写仅在App平台下生效的样式代码块。 UniApp中还提供了一些平台标识符,如APP-PLUS、H5、MP-WEIXIN、MP-ALIPAY等,可以在条件编译中使用这些标识符来指定特定平台。例如,在例子3中,可以使用#ifdef APP-PLUS来编写仅在App平台上生效的事件处理方法。 总之,UniApp中的条件编译指令可以根据不同平台来编译不同的代码块,从而实现平台差异化的开发。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [APP——uniAPP 中ifdef #ifndef #endif 的用法,可以处理平台的兼容性](https://blog.csdn.net/Sunshine0508/article/details/104820498)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [uniapp 中 #ifdef #ifndef #endif 条件编译](https://blog.csdn.net/weixin_49175501/article/details/117591425)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值