uniapp条件编译区分ios、android、小程序、h5、app等

uniapp条件编译

条件编译
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。
**写法：**以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
示例代码：

// An highlighted block
<template>
	<view>
   <!-- #ifdef H5 -->
      <view>希望只在h5中看见</view>
    <!-- #endif -->
    <!-- #ifdef MP-WEIXIN-->
      <view>希望只在微信小程序中看见</view>
     <!-- #endif -->
	 <view>我是{{type}}平台</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
			  type：""
			}
		  },
		  onLoad() {
			this.getType()
		  },
		  methods: {
            getType(){
               // #ifdef APP-PLUS
				  this.type='APP'
				// #endif
				// #ifdef H5
				  this.type='H5'
				// #endif
				// #ifdef MP-WEIXIN
				  this.type='微信小程序'
				// #endif
				// #ifdef MP-ALIPAY
				  this.type='支付宝小程序'
				// #endif
				// #ifdef MP-BAIDU
				  this.type='百度小程序'
				// #endif
				// #ifdef MP-TOUTIAO
				  this.type='字节跳动小程序'
				// #endif
				// #ifdef MP-LARK
				  this.type='飞书小程序'
				// #endif
				// #ifdef MP-QQ
				  this.type='QQ小程序'
				// #endif
				// #ifdef MP-KUAISHOU
				  this.type='快手小程序'
				// #endif
				// #ifdef MP-JD
				  this.type='京东小程序'
				// #endif
				// #ifdef MP-360
				  this.type='360小程序'
				// #endif
            }
          }
		}
<script>
<style>
/*H5中的样式“/
 /* #ifdef H5*/
  view{
	  color:#000078;
	 }
 /*#endif */
/*微信中的样式*/
 /*#ifdef MP-WEIXIN */
  view{
	 color:#dd5145;
	}
 /*#endif */
</style>

注意
Android 和 iOS 平台不支持通过条件编译来区分，如果需要区分 Android、iOS 平台，请通过调用 uni.getSystemInfo 来获取平台信息。支持ifios、ifAndroid代码块，可方便编写判断。
判断参考代码：

uni.getSystemInfo({
	success(res) {
			if (res.osName == 'ios') {
				console.log("我是ios", res)
			} else {
				console.log("我是安卓", res)
			}
		}
	})

uniapp官网连接：https://uniapp.dcloud.net.cn/tutorial/platform.html