メインコンテンツにスキップ

WebContentsView

WebContents を表示する View。

プロセス: メイン

このモジュールは、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.dokyumento.jp')
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 を表示する View。

プロセス: メイン

WebContentsView は View を継承します。

WebContentsView は EventEmitter です。

new WebContentsView([options])​

  • options オブジェクト (オプション)
    • webPreferences WebPreferences (オプション) - Web ページの機能の設定。
    • webContents WebContents (オプション) - 存在する場合、指定された WebContents は WebContentsView によって採用されます。WebContents は一度に 1 つの WebContentsView でのみ表示できます。

WebContentsView を作成します。

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

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

view.webContents 読み取り専用​

表示されている WebContents への参照を含む WebContents プロパティ。これを使用して、例えば URL をロードするために WebContents を操作します。

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