BrowserView¶

创建并控制视图。

[!NOTE] BrowserView 类已弃用，并由新的 WebContentsView 类替代。

进程：主进程

在 app 模块的 ready 事件发出之前，无法使用此模块。

[!WARNING] 无法在用户代码中子类化 Electron 的内置类。 有关更多信息，请参阅 常见问题解答。

示例¶

// In the main process.
const { app, BrowserView, BrowserWindow } = require('electron')

app.whenReady().then(() => {
  const win = new BrowserWindow({ width: 800, height: 600 })

  const view = new BrowserView()
  win.setBrowserView(view)
  view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
  view.webContents.loadURL('https://electronjs.org')
})

new BrowserView([options]) 实验性 已弃用¶

此视图拥有的 WebContents 对象。

实例方法¶

使用 new BrowserView 创建的对象具有以下实例方法：

view.setAutoResize(options) 实验性 已弃用¶

• bounds Rectangle

将视图调整大小并移动到相对于窗口的指定边界。

view.getBounds() 实验性 已弃用¶

• color 字符串 - 颜色采用 Hex、RGB、ARGB、HSL、HSLA 或命名 CSS 颜色格式。对于十六进制类型，Alpha 通道是可选的。

有效的 color 值示例：

• 十六进制
• #fff（RGB）
• #ffff（ARGB）
• #ffffff（RRGGBB）
• #ffffffff（AARRGGBB）
• RGB
• rgb\(([\d]+),\s*([\d]+),\s*([\d]+)\)
  • 例如 rgb(255, 255, 255)
• RGBA
• rgba\(([\d]+),\s*([\d]+),\s*([\d]+),\s*([\d.]+)\)
  • 例如 rgba(255, 255, 255, 1.0)
• HSL
• hsl\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%\)
  • 例如 hsl(200, 20%, 50%)
• HSLA
• hsla\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)
  • 例如 hsla(200, 20%, 50%, 0.5)
• 颜色名称
• 选项列于 SkParseColor.cpp
• 类似于 CSS Color Module Level 3 关键字，但区分大小写。
  • 例如 blueviolet 或 red

[!NOTE] 带 Alpha 通道的 Hex 格式采用 AARRGGBB 或 ARGB，_不_采用 RRGGBBAA 或 RGB。