创建和控制视图

类: BrowserView

创建和控制视图

注意： BrowserView API目前为实验性质，可能会更改或删除。

进程:主进程

BrowserView是 webview的替代标签,就像是子窗口一样让某个 BrowserWindow嵌入更多的Web内容.

例子

// 主进程中
const {BrowserView, BrowserWindow} = require('electron')

let win = new BrowserWindow({width: 800, height: 600})
win.on('closed', () => {
  win = null
})

let view = new BrowserView()
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electron.atom.io')

new BrowserView([options]) 实验功能

• options Object (可选)

  • webPreferences Object (可选) - 详细查看 BrowserWindow.

实例属性

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

view.webContents 实验功能

属性:视图的WebContents对象

view.id 实验功能

属性:视图的唯一ID( Integer)

实例方法

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

view.setAutoResize(options) 实验功能

用途:调整视图大小时设置视图尺寸跟随变化

• options Object

  • width Boolean - true即视图宽度跟随窗口变化. 默认为 false.

  • height Boolean - true即视图高度跟随窗口变化. 默认为 false.

view.setBounds(bounds) 实验功能

用途:调整视图大小并将它移动至窗口边界

• bounds Rectangle

view.setBackgroundColor(color) 实验功能

用途:设置视图的背景颜色

• color String - 颜色值格式如 #aarrggbb 或 #argb,可选透明度.