Electron中BrowserView
BrowserView 被用来让 BrowserWindow 嵌入更多的 web 内容。 它就像一个子窗口,除了它的位置是相对于父窗口。 这意味着可以替代webview标签.
示例
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://electronjs.org')
})
效果图
构造方法
view = new BrowserView()
实例属性
view.webContents(webContents)
实例方法
view.setAutoResize(options) 调整视图的大小,并将它移动到窗口边界
-
选项 对象
-
width boolean(可选) - 如果为true,视图宽度跟随窗口变化。 默认值为 false
-
height boolean(可选) - 如果 true,视图的高度将增长和缩小 与窗口。 默认值为 false
-
horizontal boolean (可选) - 如果为 true,视图的x轴和宽度将随着窗口的大小变化等比例缩放。 默认值为 false
-
vertical boolean(可选) - 如果 true,视图的y位置和高度将增长 和收缩比例与窗口。 默认值为 false
-
view.setBounds(bounds)
- bounds RectangleRectangle { x number y number width number height number}
**view.setBounds()**返回 Rectangle
view.setBackgroundColor(color) 设置背景颜色