类: BrowserView

创建和控制视图

进程：主进程

BrowserView 被用来让 BrowserWindow 嵌入更多的 web 内容。 它就像一个子窗口，除了它的位置是相对于父窗口。 这意味着可以替代webview标签.

示例

// 在主进程中.
const { BrowserView, BrowserWindow } = require('electron')
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')

new BrowserView([可选]) 实验功能

• options Object (可选)
  • webPreferences Object (可选) - 详情请看 BrowserWindow.

实例属性

使用 new BrowserView 创建的对象具有以下属性:

view.webContents 实验功能

视图的WebContents 对象

实例方法

使用 new BrowserView创建的对象具有以下实例方法:

view.setAutoResize(options) 实验功能

• 选项 对象
  • width Boolean (optional) - If true, the view’s width will grow and shrink together with the window. 默认值为 false
  • height Boolean (optional) - If true, the view’s height will grow and shrink together with the window. 默认值为 false
  • horizontal Boolean (optional) - If true, the view’s x position and width will grow and shrink proportionally with the window. 默认值为 false
  • vertical Boolean (optional) - If true, the view’s y position and height will grow and shrink proportionally with the window. 默认值为 false

view.setBounds(bounds) 实验功能

• bounds Rectangle

调整视图的大小，并将它移动到窗口边界

view.getBounds() 实验功能

返回 Rectangle

The bounds of this BrowserView instance as Object.

view.setBackgroundColor(color) 实验功能

• color String - Color in #aarrggbb or #argb form. The alpha channel is optional.