electron 判断当全屏的时候显示关闭按钮

在 Electron 应用中，判断一个窗口是否处于全屏状态并相应地显示或隐藏关闭按钮，可以通过监听窗口的全屏状态变化事件来实现。当窗口进入全屏状态时，可以执行某些操作（如显示关闭按钮），而当窗口退出全屏状态时，则执行相反的操作（如隐藏关闭按钮）。具体步骤如下：

1. 监听窗口的全屏状态变化事件：
使用 `BrowserWindow` 的 `on` 方法监听 `enter-full-screen` 和 `leave-full-screen` 事件。

2. 判断窗口状态并更新界面：
在事件回调中，根据窗口的全屏状态，通过 DOM 操作来显示或隐藏关闭按钮。

3. 切换全屏状态时更新按钮：
如果你的应用允许用户手动切换全屏状态（通常是通过快捷键或菜单项），确保在切换全屏状态时也更新关闭按钮的显示状态。

示例代码：

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

// 创建浏览器窗口
let mainWindow = new BrowserWindow({ /*...窗口参数...*/ });

// 监听全屏状态变化事件
mainWindow.on('enter-full-screen', () => {
    // 窗口进入全屏状态，显示关闭按钮
    document.getElementById('close-button').style.display = 'block';
});

mainWindow.on('leave-full-screen', () => {
    // 窗口退出全屏状态，隐藏关闭按钮
    document.getElementById('close-button').style.display = 'none';
});

// 其他代码...

请注意，上述代码中的 `#close-button` 是假设你的关闭按钮有一个ID为 `close-button` 的CSS选择器。你需要根据实际的HTML和CSS结构调整代码。