Перейти к основному содержанию

BrowserView

BrowserView может использоваться для встраивания дополнительного веб-контента в BrowserWindow. Это как дочернее окно, за исключением того, что оно позиционируется относительно его владельца окна. Он предназначен для того, чтобы быть альтернативой тега webview.

Класс: BrowserView

Создание и управление видами.

Процесс: Главный

Пример

// В основном процессе.
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]) Экспериментально

  • options Object (опционально)
    • webPreferences Объект (опционально) - Смотрите BrowserWindow.

Свойства экземпляра

Объекты, созданные с помощью new BrowserView, имеют следующие свойства:

view.webContents Экспериментально

Объект WebContents, принадлежащий этому виду.

Методы экземпляра

Объекты, созданные с помощью new BrowserView, имеют следующие свойства:

view.setAutoResize(options) Экспериментально

  • options Object
    • width Boolean (опционально) - если true, то ширина будет увеличиваться и уменьшаться вместе с окном. По умолчанию false.
    • height Boolean (опционально) - если true, то высота будет увеличиваться и уменьшаться вместе с окном. По умолчанию false.
    • horizontal Boolean (опционально) - если true, то положение по X и ширина будут увеличиваться и уменьшаться вместе с окном. По умолчанию false.
    • vertical Boolean (опционально) - если true, то положение по Y и высота будут увеличиваться и уменьшаться вместе с окном. По умолчанию false.

view.setBounds(bounds) Экспериментально

Изменяет и перемещает вид в предоставленные границы, относительно окна.

view.getBounds() Experimental

Возвращает Rectangle

bounds этого экземпляра BrowserView как Object.

view.setBackgroundColor(color) Экспериментально

  • color String - цвет вида #aarrggbb или #argb. Альфа-канал является опциональным.