macos - 如何自定义 Electron 应用程序的窗口标题栏？

Question

我开始使用Electron构建桌面应用程序。如何自定义窗口标题栏(其中包含关闭、最小化和全屏按钮)以添加自定义 View ？ Safari 是我正在考虑的一个例子:

Answer 1

你在 Electron 中唯一的选择是创建一个 frameless (又名无边框)窗口，然后使用 CSS 创建一个“假”标题栏，包括您需要的任何 UI 元素。

Electron/webkit 提供了 CSS 属性，允许您使任何元素可拖动，例如标题栏:

.titlebar {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}