有没有可能在Electron js中启用OS的非狮子式全屏？

Question

我有一个很方便的小程序，叫做iTerm (这里肯定有人知道它)。OS X有一个名为“使用Lion风格的全屏窗口”的配置选项

当此选项被禁用时，它允许窗口全屏显示，而无需移动到新的“桌面”。

I've created a small demonstration for those who do not know what it looks like.。

我的问题是:有没有可能在Electron js中模拟这种行为？

Answer 1

您的演示现在不起作用，但通过描述，我可以提供一个可能有用的案例。你应该提升比'main-menu‘- setAlwaysOnTop(true, 'main-menu', 1)更高的窗口级别，激活enableLargerThanScreen: true并设置窗口大小与活动窗口的大小完全一样。

import {
    BrowserWindow,
    screen
} from 'electron';

const fullScreenWindow = new BrowserWindow({
    transparent: true,
    enableLargerThanScreen: true,
    frame: false,
    x: 0,
    y: 0,
    minimizable: false,
    movable: false
});

// Show it on primary or any another screen
const activeScreen = screen.getPrimaryDisplay();

fullScreenWindow.setResizable(true);
fullScreenWindow.setSize(activeScreen.size.width, activeScreen.size.height);
fullScreenWindow.setResizable(false);
fullScreenWindow.setPosition(activeScreen.bounds.x, activeScreen.bounds.y);

fullScreenWindow.setAlwaysOnTop(true, 'main-menu', 1);
fullScreenWindow.loadURL('file://app.html');
// or `fullScreenWindow.show()` instead of `fullScreenWindow.loadURL` 

创建的窗口与主菜单和停靠栏重叠：

​

​