在线文档教程

浏览器总览 | BrowserView

Class: 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 对象(可选)

静态方法

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 目的

view.setBounds(bounds) Experimental

  • bounds 长方形

调整大小并将视图移至相对于窗口提供的边界。

view.setBackgroundColor(color) Experimental

  • color字符串 - 颜色#aarrggbb#argb形式。Alpha通道是可选的。