Electron中BrowserWindow.hide()无法隐藏窗口的问题求助

你遇到的问题是因为Electron的kiosk模式会强制窗口保持全屏可见状态，此时调用hide()方法不会生效——这是kiosk模式的设计特性，它的核心目的就是让窗口锁定在全屏状态，防止被隐藏或最小化。

解决方法 #

方法1：先关闭kiosk模式再隐藏窗口 #

在调用hide()之前，先通过setKiosk(false)退出kiosk模式，就能正常触发窗口隐藏逻辑：

playerWindow.loadFile('src/managerWindows/index.html').then( () => {
    console.log('HELLO')
    console.log(playerWindow)
    playerWindow.setKiosk(false) // 先退出kiosk模式
    playerWindow.hide()
})

方法2：延迟开启kiosk模式 #

如果你的业务场景是需要先隐藏窗口，之后再进入kiosk模式，可以调整初始化逻辑，先创建普通窗口并隐藏，后续按需开启kiosk：

app.whenReady().then(() => {
    playerWindow = new BrowserWindow({
        kiosk: false, // 初始不开启kiosk
        backgroundColor: '#000',
        webPreferences: {
            preload: path.join(__dirname, 'preload.js')
        }
    })

    playerWindow.webContents.openDevTools()

    playerWindow.loadFile('src/managerWindows/index.html').then( () => {
        playerWindow.hide() // 先隐藏窗口
        // 后续业务需要时再开启kiosk
        // playerWindow.setKiosk(true)
    })
})

方法3：使用minimize()替代（可选） #

如果只是需要让窗口暂时不可见，且不需要完全隐藏窗口对象，可以尝试用minimize()，这个方法在kiosk模式下也能生效：

playerWindow.loadFile('src/managerWindows/index.html').then( () => {
    console.log('HELLO')
    console.log(playerWindow)
    playerWindow.minimize()
})

内容的提问来源于stack exchange，提问作者hmp