如何检测 Web 应用程序是否正在 Electron 中运行

Question

我正在尝试在电子应用程序上提供真正的反应应用程序。这并不意味着我正在使用 React 开发电子应用程序。我创建了一个反应应用程序并将其注入到电子应用程序中。（与 Slack 一样，它将充当 Web 应用程序和桌面应用程序。）但我对发送桌面通知感到困惑。

现在的主要问题是：如何获取应用程序类型。我的意思是，用户是在网络上还是在桌面上使用我的应用程序。我怎样才能得到这个？

谢谢 ：）

Answer 1

有很多方法可以检测您是否在桌面环境中运行。

您可以检查User-Agent，并且可以userAgent在调用loadURL时在 Electron 中设置该值。

另一种方法是使用脚本声明全局变量preload。

// main process
new BrowserWindow({
  webPreferences: {
    preload: "preload.js",
  },
});

// preload.js 
// you don't need to use contextBridge if contextIsolation is false
// but it's true by default in Electron 12
const { contextBridge } = require("electron"); 
contextBridge.exposeInMainWorld("IN_DESKTOP_ENV", true);

// renderer process (your React world)
if (globalThis.IN_DESKTOP_ENV) {
  // do something...
}