创建和控制视图
注意: BrowserView API目前为实验性质,可能会更改或删除。
进程:主进程
BrowserView
是 webview
的替代标签,就像是子窗口一样让某个 BrowserWindow
嵌入更多的Web内容.
// 主进程中
const {BrowserView, BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600})
win.on('closed', () => {
win = null
})
let view = new BrowserView()
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electron.atom.io')
options
Object (可选)webPreferences
Object (可选) - 详细查看 BrowserWindow.
使用 new BrowserView
创建的对象具有以下属性:
属性:视图的
WebContents
对象
属性:视图的唯一ID(
Integer
)
使用 new BrowserWindow
创建的对象具有以下实例方法:
用途:调整视图大小时设置视图尺寸跟随变化
options
Objectwidth
Boolean -true
即视图宽度跟随窗口变化. 默认为false
.height
Boolean -true
即视图高度跟随窗口变化. 默认为false
.
用途:调整视图大小并将它移动至窗口边界
bounds
Rectangle
用途:设置视图的背景颜色
color
String - 颜色值格式如#aarrggbb
或#argb
,可选透明度.