如何检查我们是在电子还是浏览器上运行 - JavaScript

在 JavaScript 中，有时候需要检查代码是在浏览器还是 Node.js 等电子环境中运行。以下是一些方法和技巧可以帮助您检查判断当前环境。

1. 通过浏览器对象检查

在浏览器中，可以通过检查全局对象 window 是否存在来确定当前代码是否在浏览器中运行。

if (typeof window !== "undefined") {
  console.log("在浏览器中运行");
} else {
  console.log("在电子环境中运行");
}

这段代码将检查全局对象 window 是否存在，如果存在，则表示当前代码在浏览器中运行。

2. 检查 Node.js 全局对象

在 Node.js 中，可以检查全局对象 global 是否存在来确定当前代码是否在 Node.js 环境中运行。

if (typeof global !== "undefined") {
  console.log("在 Node.js 环境中运行");
} else {
  console.log("在浏览器中运行");
}

这段代码将检查全局对象 global 是否存在，如果存在，则表示当前代码在 Node.js 环境中运行。

3. 检查当前环境是否支持 DOM

在浏览器中，支持 DOM 操作，可以通过检查 document 是否存在来确定当前代码是否在浏览器中运行。

if (typeof document !== "undefined") {
  console.log("在浏览器中运行");
} else {
  console.log("在电子环境中运行");
}

这段代码将检查全局对象 document 是否存在，如果存在，则表示当前代码在浏览器中运行。

4. 使用工具库检查

还可以使用一些开源工具库来检查当前环境，如 is-browser、detect-browser 等库。它们会根据当前环境提供的特性来自动检测当前环境。

import isBrowser from "is-browser";

if (isBrowser) {
  console.log("在浏览器中运行");
} else {
  console.log("在电子环境中运行");
}

这段代码使用了 is-browser 工具库来检查当前环境是否在浏览器中运行。

总之，在 JavaScript 中可以通过多种方式来检查当前环境是在浏览器还是 Node.js 等电子环境中运行。选择哪种方式取决于您的需求和代码实现方式。