BrowserView
历史
注意
BrowserView 类已废弃，并已被新的 WebContentsView 类取代。
BrowserView 可用于在 BrowserWindow 中嵌入额外的网页内容。它类似于一个子窗口，但它相对于其拥有窗口进行定位。它旨在作为 webview 标签的替代方案。
类：BrowserView
历史
创建和控制视图。
注意
BrowserView 类已废弃，并已被新的 WebContentsView 类取代。
进程：主进程
此模块必须在 app 模块的 ready 事件发出后才能使用。
警告
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://electron.js.cn')
})
new BrowserView([options]) 实验性 已废弃
历史
实例属性
使用 new BrowserView 创建的对象具有以下属性
view.webContents 实验性 已废弃
历史
此视图拥有的 WebContents 对象。
实例方法
使用 new BrowserView 创建的对象具有以下实例方法
view.setAutoResize(options) 实验性 已废弃
view.setBounds(bounds) 实验性 已废弃
历史
boundsRectangle
将视图调整大小并移动到相对于窗口提供的边界。
view.getBounds() 实验性 已废弃
历史
返回 Rectangle
此 BrowserView 实例的 bounds 作为 Object。
view.setBackgroundColor(color) 实验性 已废弃
历史
colorstring - 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
- 例如
注意
带 Alpha 的十六进制格式接受 AARRGGBB 或 ARGB，而不是 RRGGBBAA 或 RGB。