窗口自定义

BrowserWindow 模块是您的 Electron 应用程序的基础，它暴露了许多 API，让您可以自定义应用程序窗口的外观和行为。本节介绍如何在 macOS、Windows 和 Linux 上实现各种窗口自定义用例。

注意

BrowserWindow 是 BaseWindow 模块的子类。这两个模块都允许您在 Electron 中创建和管理应用程序窗口，主要区别在于 BrowserWindow 支持单个、全尺寸的 web 视图，而 BaseWindow 支持组合多个 web 视图。BaseWindow 可以在本节文档示例中与 BrowserWindow 互换使用。

📄️ 自定义标题栏

应用程序窗口默认应用由操作系统提供的 chrome。不要与 Google Chrome 浏览器混淆，窗口 _chrome_ 指的是窗口的组成部分（例如标题栏、工具栏、控件），这些部分不属于主要的 web 内容。虽然操作系统 chrome 提供的默认标题栏足以满足简单的用例，但许多应用程序选择将其移除。实现自定义标题栏可以帮助您的应用程序在跨平台时感觉更现代化和一致。

📄️ 自定义窗口交互

默认情况下，窗口使用操作系统 chrome 提供的标题栏进行拖动。移除默认标题栏的应用程序需要使用 app-region CSS 属性来定义可用于拖动窗口的特定区域。设置 app-region: drag 会将矩形区域标记为可拖动。

📄️ 自定义窗口样式

!无边框窗口