BrowserView

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

类: BrowserView

创建和控制视图

进程:主进程

示例

  1. // 在主进程中.
  2. const { BrowserView, BrowserWindow } = require('electron')
  3. const win = new BrowserWindow({ width: 800, height: 600 })
  4. const view = new BrowserView()
  5. win.setBrowserView(view)
  6. view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
  7. view.webContents.loadURL('https://electronjs.org')

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

  • options Object (可选)

实例属性

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

view.webContents 实验功能

视图的WebContents 对象

实例方法

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

view.setAutoResize(options) 实验功能

  • 选项 对象
    • width Boolean(可选) - 如果为true,视图宽度跟随窗口变化。 默认值为 false
    • height Boolean(可选) - 如果 true,视图的高度将增长和缩小 与窗口。 默认值为 false
    • horizontal Boolean (可选) - 如果为 true,视图的x轴和宽度将随着窗口的大小变化等比例缩放。 默认值为 false
    • vertical Boolean(可选) - 如果 true,视图的y位置和高度将增长 和收缩比例与窗口。 默认值为 false

view.setBounds(bounds) 实验功能

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

view.getBounds() 实验功能

返回 Rectangle

此BrowserView实例的 boundsObject

view.setBackgroundColor(color) 实验功能

  • color String - #aarrggbb#argb 形式的颜色, Alpha 通道是 可选的。