【无标题】

最新推荐文章于 2025-12-18 10:37:20 发布

原创最新推荐文章于 2025-12-18 10:37:20 发布 · 678 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

uni-app通过HBuilderX工具实现跨平台开发，包括H5、小程序和APP。代码中使用条件编译指令如`#ifdef`来区分APP、H5和小程序的代码段。对于APP，进一步区分iOS和Android，可以利用uni.getSystemInfoSync().platform进行判断。了解uni-app的编译原理和平台适配是关键。

uniapp是DCloud公司于2012年开始研发的能够一次代码开发，生成H5、小程序（微信、支付宝、百度、华为等）、APP等应用的技术的统称，开发工具是HBuilderX，功能非常强大，由此引申出许多技术社区与生态环境。
使用HBuilderX开发Uniapp程序的项目，用它生成多端应用，由于兼容各种多端应用，程序代码需要相应的适配，因为各端技术标准不同，也会出现很多问题，要对uniapp的编译原理多端生成有一定程度的理解。
既然在同一套代码里进行多端开发，那就要能够区分哪块代码用在小程序，哪块代码用在app，哪块代码用在h5；同时app中也要能够区分是Android还是ios。
那么怎么区分呢，下面的代码会是你们想要的答案

uni-app判断是小程序/app/h5：

// APP：
// #ifdef APP-PLUS
    showClose:true
// #endif
 
// H5:
// #ifdef H5
   showClose:true
// #endif
 
// 小程序：
// #ifdef MP
   showClose:true
// #endif

uni-app判断是ios、android、小程序 :

let port = uni.getSystemInfoSync().platform
switch (port) {
	case 'android':
		console.log('Android');//android
		break;
	case 'ios':
		console.log('iOS'); //ios
		break;
	default:
		console.log('小程序');//devtools
		break;
}