如何检测网络应用程序是否在 Electron 中 运行

Question

我正在尝试在 Electron 应用程序上提供真正的 React 应用程序。这并不意味着我正在开发带有反应的电子应用程序。我创建了一个反应应用程序并将其注入电子应用程序。 （和 slack 一样，它将作为一个网络应用程序和桌面应用程序。）但是我很困惑发送桌面通知。

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

谢谢:)

Answer 1

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

您可以检查User-Agent and you can set the userAgent value in Electron when you call loadURL。

另一种方法是使用 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...
}