WebContentsView

A View that displays a WebContents.

Process: Main

This module cannot be used until the ready event of the app module is emitted.

const{BaseWindow,WebContentsView}=require('electron')

const win =newBaseWindow({width:800,height:400})

const view1 =newWebContentsView()
win.contentView.addChildView(view1)
view1.webContents.loadURL('https://electronjs.org')
view1.setBounds({x:0,y:0,width:400,height:400})

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

Class: WebContentsView extends View​

A View that displays a WebContents.

Process: Main

WebContentsView inherits from View.

WebContentsView is an EventEmitter.

new WebContentsView([options])​

• options Object (optional)
  • webPreferences WebPreferences (optional) - Settings of web page's features.
  • webContents WebContents (optional) - If present, the given WebContents will be adopted by the WebContentsView. A WebContents may only be presented in one WebContentsView at a time.

Creates a WebContentsView.

Instance Properties​

Objects created with new WebContentsView have the following properties, in addition to those inherited from View:

view.webContents Readonly​

A WebContents property containing a reference to the displayed WebContents. Use this to interact with the WebContents, for instance to load a URL.

const{WebContentsView}=require('electron')

const view =newWebContentsView()
view.webContents.loadURL('https://electronjs.org/')