Uniapp 中判断平台的方法

在 Uniapp 开发中，常常需要根据不同的运行平台执行特定代码，以适配各平台特性。以下将详细介绍几种在 Uniapp 里判断平台的有效方法。

通过 process.env.UNI_PLATFORM 判断是最常用的方式之一。process.env.UNI_PLATFORM 会返回当前项目运行的平台名称。比如在 script 标签中：

export default {
    onLoad() {
        const platform = process.env.UNI_PLATFORM;
        if (platform === '微信') {
            // 执行微信平台特有的代码
            console.log('当前运行在微信平台');
        } else if (platform === '支付宝') {
            // 支付宝平台相关代码
            console.log('当前运行在支付宝平台');
        } else if (platform === 'h5') {
            // H5 平台的代码逻辑
            console.log('当前运行在 H5 平台');
        }
    }
};

这种方式简洁明了，能方便地根据不同平台进行逻辑区分。

利用 uni.getSystemInfoSync() 方法也能实现平台判断。该方法可以同步获取系统信息，其中包含平台相关信息。示例代码如下：

export default {
    onLoad() {
        const systemInfo = uni.getSystemInfoSync();
        const platform = systemInfo.platform;
        if (platform === 'android') {
            // 安卓平台代码
            console.log('当前运行在安卓平台');
        } else if (platform === 'ios') {
            // 苹果 iOS 平台代码
            console.log('当前运行在 iOS 平台');
        }
    }
};

此方法获取的信息更全面，除了基本平台信息，还能获取屏幕尺寸、系统版本等，可用于更复杂的适配场景。

另外，还可以通过条件编译来实现平台判断。在 Uniapp 中，使用 #ifdef、#ifndef 等预处理指令进行条件编译。例如：

<!-- #ifdef MP-WEIXIN -->
    <view>这是微信小程序特有的内容</view>
<!-- #endif -->

<!-- #ifndef MP-WEIXIN -->
    <view>非微信小程序的内容</view>
<!-- #endif -->

这种方式在代码结构上更清晰，将不同平台的代码分离，方便维护和管理。

在实际开发中，应根据具体需求选择合适的平台判断方法。如果只是简单区分常见平台，process.env.UNI_PLATFORM 就足够；若需要更多系统信息辅助判断，则使用 uni.getSystemInfoSync()；而条件编译则适合对不同平台代码进行模块化管理的场景。掌握这些判断平台的方法，能极大提升 Uniapp 开发的灵活性和兼容性，为用户带来更好的跨平台体验。