Electron Documentation1.6.8

Docs / API / BrowserView

Class: BrowserView

Create and control views.

Note: The BrowserView API is currently experimental and may change or be removed in future Electron releases.

Process: Main

A BrowserView can be used to embed additional web content into a BrowserWindow. It is like a child window, except that it is positioned relative to its owning window. It is meant to be an alternative to the webview tag.

Example

// In the main process.
const {BrowserView, BrowserWindow} = require('electron')

let win = new BrowserWindow({width: 800, height: 600})
win.on('closed', () => {
  win = null
})

let view = new BrowserView({
  webPreferences: {
    nodeIntegration: false
  }
})
win.addChildView(view)
view.setBounds(0, 0, 300, 300)
view.webContents.loadURL('https://electron.atom.io')

new BrowserView([options]) Experimental

Instance Properties

Objects created with new BrowserView have the following properties:

view.webContents Experimental

A webContents object owned by this view.

win.id Experimental

A Integer representing the unique ID of the view.

Instance Methods

Objects created with new BrowserWindow have the following instance methods:

win.setAutoResize(options) Experimental

win.setBounds(bounds) Experimental

Resizes and moves the view to the supplied bounds relative to the window.

win.setBackgroundColor(color) Experimental


See something that needs fixing? Propose a change on the source.
Need a different version of the docs? See the available versions or community translations.
Want to search all the documentation at once? See all of the docs on one page.