跳转到主要内容

WebContentsView

显示 WebContents 的一个视图。

进程:主进程

在发出 app 模块的 ready 事件之前,此模块将无法使用。

const { BaseWindow, WebContentsView } = require('electron')
const win = new BaseWindow({ width: 800, height: 400 })

const view1 = new WebContentsView()
win.contentView.addChildView(view1)
view1.webContents.loadURL('https://electron.js.cn')
view1.setBounds({ x: 0, y: 0, width: 400, height: 400 })

const view2 = new WebContentsView()
win.contentView.addChildView(view2)
view2.webContents.loadURL('https://github.com/electron/electron')
view2.setBounds({ x: 400, y: 0, width: 400, height: 400 })

类:WebContentsView 继承自 View

显示 WebContents 的一个视图。

进程:主进程

WebContentsView 继承自 View

WebContentsView 是一个 EventEmitter

警告

Electron 的内置类不能被用户代码继承。更多信息,请参阅常见问题解答

new WebContentsView([options])

  • options Object (可选)
    • webPreferences WebPreferences (可选) - Web 页面的功能设置。
    • webContents WebContents (可选) - 如果存在,则给定的 WebContents 将被 WebContentsView 采用。一个 WebContents 一次只能显示在一个 WebContentsView 中。

创建一个 WebContentsView。

实例属性

使用 new WebContentsView 创建的对象除了继承自 View 的属性外,还拥有以下属性:

view.webContents 只读

一个 WebContents 属性,包含对正在显示的 WebContents 的引用。使用此属性与 WebContents 进行交互,例如加载 URL。

const { WebContentsView } = require('electron')
const view = new WebContentsView()
view.webContents.loadURL('https://electron.js.cn/')