メインコンテンツへ飛ぶ

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://electronjs.org')
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 extends View​

WebContents を表示するビュー。

プロセス: メイン

WebContentsView は View から継承しています。

WebContentsView は EventEmitter を継承しています。

new WebContentsView([options])​

  • options Object (任意)
    • webPreferences WebPreferences (任意) - ウェブページの機能群の設定。
    • webContents WebContents (任意) - 指定する場合、その WebContents が WebContentsView に適用されます。 WebContents は同時に 1 つの WebContentsView までにのみ表示できます。

WebContentsView を作成します。

インスタンスプロパティ​

new WebContentsView で作成されたオブジェクトには、View から継承されたプロパティに加えて、以下のプロパティがあります。

view.webContents 読み取り専用​

WebContents 型のプロパティで、表示されている WebContents の参照を格納しています。 これを利用すれば WebContents とやり取りでき、例えば URL を読み込むなどができます。

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