当前位置:首页 > uni-app

uniapp如何判断当前环境

2026-01-13 19:32:01uni-app

判断当前运行环境

在uniapp中,可以通过uni.getSystemInfoSync()uni.getSystemInfo()获取系统信息,从而判断当前运行的环境。系统信息中包含platform字段,用于标识当前运行平台。

const systemInfo = uni.getSystemInfoSync();
console.log(systemInfo.platform); // 输出当前平台

常见的平台值

platform字段可能返回以下值:

  • "android":Android平台
  • "ios":iOS平台
  • "devtools":微信开发者工具
  • "windows":Windows平台
  • "mac":Mac平台

判断H5环境

在H5环境下,可以通过window对象判断:

uniapp如何判断当前环境

const isH5 = typeof window !== 'undefined' && window.location;
console.log(isH5); // true表示H5环境

判断小程序环境

通过uni.getSystemInfoSync()uniPlatform字段或process.env.UNI_PLATFORM判断:

const isMiniProgram = process.env.UNI_PLATFORM === 'mp-weixin';
console.log(isMiniProgram); // true表示微信小程序

环境变量判断

uniapp提供了全局变量process.env,可以用于判断当前编译环境:

uniapp如何判断当前环境

console.log(process.env.NODE_ENV); // 开发或生产环境
console.log(process.env.UNI_PLATFORM); // 平台类型

条件编译

uniapp支持条件编译,可在代码中根据平台编写不同逻辑:

// #ifdef H5
console.log('H5平台');
// #endif

// #ifdef MP-WEIXIN
console.log('微信小程序');
// #endif

封装环境判断函数

可以封装一个通用函数用于判断环境:

function getEnv() {
  const systemInfo = uni.getSystemInfoSync();
  if (systemInfo.platform === 'devtools') return 'devtools';
  if (systemInfo.platform === 'android') return 'android';
  if (systemInfo.platform === 'ios') return 'ios';
  if (typeof window !== 'undefined') return 'h5';
  return 'unknown';
}

分享给朋友:

相关文章

如何配置java环境

如何配置java环境

下载JDK安装包 访问Oracle官网或OpenJDK官网,选择适合操作系统的JDK版本(如Windows、macOS或Linux)。下载完成后,运行安装程序并按照提示完成安装。 设置环境变量 右…

如何安装java环境

如何安装java环境

下载JDK安装包 访问Oracle官方网站或OpenJDK项目页面,选择适合操作系统的JDK版本(如Windows、macOS或Linux)。确保下载与系统架构匹配的版本(32位或64位)。 运行…

java如何判断数据类型

java如何判断数据类型

判断数据类型的方法 在Java中,判断数据类型可以通过多种方式实现,以下是几种常见的方法: 使用 instanceof 关键字instanceof 用于检查对象是否为某个类的实例或其子类的实例。适…

如何配置react环境

如何配置react环境

安装 Node.js 和 npm 确保系统中已安装 Node.js 和 npm(Node.js 通常自带 npm)。可以通过以下命令检查是否安装成功: node -v npm -v 若未安装,从 N…

react如何配置环境

react如何配置环境

安装 Node.js React 开发需要 Node.js 环境,用于运行 JavaScript 和 npm(Node 包管理器)。访问 Node.js 官网 下载并安装最新 LTS 版本。安装完成后…

如何搭建react环境

如何搭建react环境

安装Node.js和npm React开发需要Node.js环境,它自带npm(Node包管理器)。访问Node.js官网下载并安装最新LTS版本。安装完成后,终端运行以下命令验证是否成功: n…