首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浏览器总览 | BrowserView

创建和控制视图。

注意: BrowserView API目前是实验性的,可能会在未来的Electron版本中更改或删除。

过程:主

可以使用BrowserView将其他 Web 内容嵌入到BrowserWindow。它就像一个子类的窗口,只是它相对于它自己的窗口而定位。它意味着是webview标签的替代品。

代码语言:javascript
复制
// 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通道是可选的。

扫码关注腾讯云开发者

领取腾讯云代金券