uniapp怎么判断苹果和安卓

在前端开发中，很多时候需要对不同的操作系统做出不同的处理，这就需要我们对当前设备的操作系统进行判断。而在uniapp这个跨平台开发框架中，要如何判断当前设备是苹果还是安卓呢？下面就为大家简单介绍一下。

首先，我们需要了解uniapp是如何跨平台的。uniapp基于vue.js开发，采用了前端的优秀设计思想和技术，在vue.js的基础上，加入了一些跨平台的扩展，形成了一套可以跨平台使用的UI框架。uniapp开发者只需要在一套代码中进行开发，便可同时生成各种平台（包括但不限于微信小程序、支付宝小程序、H5、App等）的运行代码。

那么接下来我们就来介绍一下如何在uniapp中判断当前设备的操作系统。

1.使用ua判断
ua是指User Agent，是浏览器 HTTP 请求头中的一部分，用于向服务器传递自身浏览器和操作系统的信息。在uniapp中，我们可以通过uni.getSystemInfoSync()获取当前设备的信息，其中包括设备的UA信息。我们可以通过正则表达式匹配UA信息，从而推断出当前设备的操作系统。

代码实现如下：

let ua = uni.getSystemInfoSync().platform;if(/ios/i.test(ua)){  // 苹果} else if(/android/i.test(ua)){  // 安卓} else {  // 其他}

2.使用uni-app提供的API

在uniapp中，还有一个uni.getSystemInfoSync()的API可以直接获取当前设备的厂商和操作系统信息。我们只需要判断platform的值即可判断当前设备的操作系统。

代码实现如下：

let platform = uni.getSystemInfoSync().platform;if(platform === 'ios'){  // 苹果} else if(platform === 'android'){  // 安卓} else {  // 其他}

3.使用uniapp的$platform参数

在uniapp中，有一个$platform全局参数，它会根据当前设备的操作系统自动变化，我们可以直接判断这个参数的值来判断当前设备的操作系统。

代码实现如下：

let platform = uni.getStorageSync('$platform');if(platform === 'ios'){  // 苹果} else if(platform === 'android'){  // 安卓}

需要注意的是，如果当前运行在非微信小程序的平台上，则$platform参数可能为空字符串。

总结：