浏览器总览 | BrowserView
创建和控制视图。
注意: BrowserView API目前是实验性的,可能会在未来的Electron版本中更改或删除。
过程:主
可以使用BrowserView
将其他 Web 内容嵌入到BrowserWindow
。它就像一个子类的窗口,只是它相对于它自己的窗口而定位。它意味着是webview
标签的替代品。
例
// In the main process.
const {BrowserView, BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600})
win.on('closed', () => {
win = null
})
let view = new BrowserView({
webPreferences: {
nodeIntegration: false
}
})
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electron.atom.io')
new BrowserView([options])
Experimental
options
对象(可选)webPreferences
Object(可选) - 请参阅BrowserWindow。
静态方法
BrowserView.fromId(id)
id
Integer
返回BrowserView
- 给定的视图id
。
Instance Properties
创建的对象new BrowserView
具有以下属性:
view.webContents
Experimental
一个WebContents
由这种观点所拥有的对象。
view.id
Experimental
Integer
表示视图的唯一ID。
Instance Methods
创建的对象new BrowserView
具有以下实例方法:
view.setAutoResize(options)
Experimental
options
目的width
布尔值 - 如果true
视图的宽度与窗口一起增长和缩小。false
默认。height
布尔值 - 如果true
视图的高度将随窗口一起增长和缩小。false
默认。
view.setBounds(bounds)
Experimental
bounds
长方形
调整大小并将视图移至相对于窗口提供的边界。
view.setBackgroundColor(color)
Experimental
color
字符串 - 颜色#aarrggbb
或#argb
形式。Alpha通道是可选的。
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com