推荐答案
在 Electron 中，BrowserWindow 是用于创建和控制浏览器窗口的类。以下是一些常用的 BrowserWindow 选项：
width和height: 设置窗口的初始宽度和高度。minWidth和minHeight: 设置窗口的最小宽度和高度。maxWidth和maxHeight: 设置窗口的最大宽度和高度。x和y: 设置窗口在屏幕上的初始位置。resizable: 设置窗口是否可调整大小。movable: 设置窗口是否可移动。minimizable: 设置窗口是否可最小化。maximizable: 设置窗口是否可最大化。closable: 设置窗口是否可关闭。fullscreen: 设置窗口是否以全屏模式启动。fullscreenable: 设置窗口是否可以进入全屏模式。title: 设置窗口的标题。icon: 设置窗口的图标。show: 设置窗口是否在创建时显示。frame: 设置窗口是否显示边框。transparent: 设置窗口是否透明。backgroundColor: 设置窗口的背景颜色。webPreferences: 设置与网页相关的选项，如nodeIntegration、contextIsolation等。
本题详细解读
width 和 height
- 作用: 设置窗口的初始宽度和高度。
- 示例:
width: 800, height: 600
minWidth 和 minHeight
- 作用: 设置窗口的最小宽度和高度。
- 示例:
minWidth: 400, minHeight: 300
maxWidth 和 maxHeight
- 作用: 设置窗口的最大宽度和高度。
- 示例:
maxWidth: 1200, maxHeight: 900
x 和 y
- 作用: 设置窗口在屏幕上的初始位置。
- 示例:
x: 100, y: 100
resizable
- 作用: 设置窗口是否可调整大小。
- 示例:
resizable: true
movable
- 作用: 设置窗口是否可移动。
- 示例:
movable: true
minimizable
- 作用: 设置窗口是否可最小化。
- 示例:
minimizable: true
maximizable
- 作用: 设置窗口是否可最大化。
- 示例:
maximizable: true
closable
- 作用: 设置窗口是否可关闭。
- 示例:
closable: true
fullscreen
- 作用: 设置窗口是否以全屏模式启动。
- 示例:
fullscreen: false
fullscreenable
- 作用: 设置窗口是否可以进入全屏模式。
- 示例:
fullscreenable: true
title
- 作用: 设置窗口的标题。
- 示例:
title: 'My Electron App'
icon
- 作用: 设置窗口的图标。
- 示例:
icon: path.join(__dirname, 'icon.png')
show
- 作用: 设置窗口是否在创建时显示。
- 示例:
show: true
frame
- 作用: 设置窗口是否显示边框。
- 示例:
frame: true
transparent
- 作用: 设置窗口是否透明。
- 示例:
transparent: false
backgroundColor
- 作用: 设置窗口的背景颜色。
- 示例:
backgroundColor: '#2e2c29'
webPreferences
- 作用: 设置与网页相关的选项。
- 常用选项:
nodeIntegration: 是否启用 Node.js 集成。contextIsolation: 是否启用上下文隔离。preload: 预加载脚本的路径。
- 示例:
webPreferences: { nodeIntegration: true, contextIsolation: false, preload: path.join(__dirname, 'preload.js') }