Electron 中 BrowserWindow 的常用选项有哪些?

推荐答案

在 Electron 中,BrowserWindow 是用于创建和控制浏览器窗口的类。以下是一些常用的 BrowserWindow 选项:

  • widthheight: 设置窗口的初始宽度和高度。
  • minWidthminHeight: 设置窗口的最小宽度和高度。
  • maxWidthmaxHeight: 设置窗口的最大宽度和高度。
  • xy: 设置窗口在屏幕上的初始位置。
  • resizable: 设置窗口是否可调整大小。
  • movable: 设置窗口是否可移动。
  • minimizable: 设置窗口是否可最小化。
  • maximizable: 设置窗口是否可最大化。
  • closable: 设置窗口是否可关闭。
  • fullscreen: 设置窗口是否以全屏模式启动。
  • fullscreenable: 设置窗口是否可以进入全屏模式。
  • title: 设置窗口的标题。
  • icon: 设置窗口的图标。
  • show: 设置窗口是否在创建时显示。
  • frame: 设置窗口是否显示边框。
  • transparent: 设置窗口是否透明。
  • backgroundColor: 设置窗口的背景颜色。
  • webPreferences: 设置与网页相关的选项,如 nodeIntegrationcontextIsolation 等。

本题详细解读

widthheight

  • 作用: 设置窗口的初始宽度和高度。
  • 示例: width: 800, height: 600

minWidthminHeight

  • 作用: 设置窗口的最小宽度和高度。
  • 示例: minWidth: 400, minHeight: 300

maxWidthmaxHeight

  • 作用: 设置窗口的最大宽度和高度。
  • 示例: maxWidth: 1200, maxHeight: 900

xy

  • 作用: 设置窗口在屏幕上的初始位置。
  • 示例: 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') }
纠错
反馈