类: BrowserView

创建和控制视图

注意： BrowserView API目前为实验性质，可能会更改或删除。
进程:主进程​
BrowserView是 webview的替代标签,就像是子窗口一样让某个 BrowserWindow嵌入更多的Web内容.

例子

1
// 主进程中
2
const {BrowserView, BrowserWindow} = require('electron')
3
​
4
let win = new BrowserWindow({width: 800, height: 600})
5
win.on('closed', () => {
6
win = null
7
})
8
​
9
let view = new BrowserView()
10
win.setBrowserView(view)
11
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
12
view.webContents.loadURL('https://electron.atom.io')
Copied!

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,可选透明度.