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
字符串 - 十六进制、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
。