BrowserView
历史记录
注意
BrowserView
类已弃用,并由新的WebContentsView
类取代。
BrowserView
可用于将额外的 Web 内容嵌入到 BrowserWindow
中。它类似于子窗口,但其位置相对于其所属窗口。它旨在替代 webview
标签。
类: BrowserView
历史记录
创建和控制视图。
注意
BrowserView
类已弃用,并由新的WebContentsView
类取代。
进程: 主进程
此模块在 app
模块的 ready
事件发出之前无法使用。
示例
// 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)
实验性 已弃用
历史记录
bounds
Rectangle
相对于窗口调整视图大小和移动视图到提供的边界。
view.getBounds()
实验性 已弃用
历史记录
返回 Rectangle
此 BrowserView 实例的 bounds
,类型为 Object
。
view.setBackgroundColor(color)
实验性 已弃用
历史记录
color
string - 颜色,采用十六进制、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
。