跳至主要内容

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://www.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.

new WebContentsView([options])​

  • options 对象（可选）
    • webPreferences WebPreferences（可选） - 网页功能的设置。
    • 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://www.electron.js.cn/')