electron设置全屏和esc退出全屏

Electron是一个使用JavaScript、HTML和CSS等Web技术来构建跨平台的桌面应用的框架。在Electron应用中，可以通过修改窗口的属性来实现全屏功能，并且可以通过监听键盘事件来实现使用Esc键退出全屏的逻辑。

1. 实现全屏功能：可以通过调用BrowserWindow对象的`setFullScreen`方法来设置窗口为全屏模式。`BrowserWindow`是Electron中用来创建和管理窗口的类。

// 假设有一个BrowserWindow的实例叫做win
win.setFullScreen(true);

2. 监听Esc键退出全屏：可以通过`webContents`对象的`on`方法来监听键盘事件。当检测到Esc键被按下时，可以调用`setFullScreen(false)`方法来退出全屏模式。

const { remote } = require('electron');
const { BrowserWindow } = remote;

// 获取当前窗口的webContents对象
const webContents = BrowserWindow.getFocusedWindow().webContents;

// 监听键盘按下事件
webContents.on('keydown', (event, key) => {
  if (key === 'Escape') { // 检测Esc键
    webContents.setFullScreen(false); // 退出全屏模式
  }
});

需要注意的是，在Electron 8及以上版本中，需要使用新的API来替代`remote`模块，因为`remote`模块已被弃用。对于新版本的Electron，可以通过`contextBridge`和`ipcRenderer`来实现主进程和渲染进程之间的通信。