浏览器总览 | 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通道是可选的。