Saltar al contenido principal

BrowserView

Se puede utilizar un BrowserView para incrustar contenido web adicional dentro de un BrowserWindow. Es como una ventana hija, excepto que su posición es relativa a la de su ventana propietaria. Se puede considerar como una alternativa al tag webview.

Clase: BrowserView

Crear y controlar vistas.

Proceso: principal</0>

Ejemplo

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

app.whenReady().then(() => {
const win = new BrowserWindow({ width: 800, height: 600 })

const view = new BrowserView()
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electronjs.org')
})

new BrowserView([options]) Experimental

  • options Object (opcional)

Propiedades de la instancia

Los objetos creados con new BrowserView tienen las siguientes propiedades:

view.webContents Experimental

Un objeto WebContents, que pertenece a esta vista.

Métodos de Instancia

Los objetos creados con new BrowserView tiene los siguientes métodos de instancia:

view.setAutoResize(options) Experimental

  • options Object
    • width Boolean (opcional) - Si es true, el ancho de la vista crecerá y se encogerá junto con la ventana. false por defecto.
    • height Boolean (opcional) - Si es true, la altura de la vista crecerá y se encogerá junto con la ventana. false por defecto.
    • horizontal Boolean (optional) - If true, the view's x position and width will grow and shrink proportionally with the window. false por defecto.
    • vertical Boolean (optional) - If true, the view's y position and height will grow and shrink proportionally with the window. false por defecto.

view.setBounds(bounds) Experimental

Redimensiona y mueve la vista a los limites proporcionados en relación a la ventana.

view.getBounds() Experimental

Devuelve Rectangle

Los límites bounds de esta instancia de BrowserView como un Object.

view.setBackgroundColor(color) Experimental

  • color String - Color in #aarrggbb or #argb form. The alpha channel is optional.