BrowserView
历史
注意
BrowserView
类已弃用,并被新的WebContentsView
类替换。
BrowserView
可用于将额外的网页内容嵌入到 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://www.electron.js.cn')
})
new BrowserView([options])
实验性 已弃用
历史
实例属性
使用 new BrowserView
创建的对象具有以下属性
view.webContents
实验性 已弃用
历史
此视图拥有的 WebContents
对象。
实例方法
使用 new BrowserView
创建的对象具有以下实例方法
view.setAutoResize(options)
实验性 已弃用
view.setBounds(bounds)
实验性 已弃用
历史
bounds
矩形
将视图调整大小并移动到相对于窗口的指定边界。
view.getBounds()
实验性 已弃用
历史
返回 矩形
此 BrowserView 实例的 bounds
作为 Object
。
view.setBackgroundColor(color)
实验性 已弃用
历史
color
字符串 - 十六进制、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 颜色模块级别 3 关键字,但区分大小写。
- 例如
blueviolet
或red
- 例如
注意:带有 alpha 的十六进制格式采用 AARRGGBB
或 ARGB
,而不是 RRGGBBAA
或 RGB
。