BrowserView
Une BrowserView peut être utilisée pour intégrer des contenus web supplémentaires dans une BrowserWindow. C'est un peu comme une fenêtre enfant, sauf qu'elle est positionnée par rapport à sa fenêtre propriétaire. Elle se veut être une alternative à la balise webview.
Classe : BrowserView
Crée et gére les vues.
Processus : Main
Ce module ne peut pas être utilisé tant que l'événement ready du module app n'est pas émis.
Exemple
// Dans le processus main.
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
Propriétés d'instance
Les objets créés par new BrowserView possède les propriétés suivantes :
view.webContents Experimental
Un objet de type WebContents appartenant à cette vue.
Méthodes d’instance
Les objets créés par new BrowserView possèdent les méthodes d’instance suivantes :
view.setAutoResize(options) Experimental
- Objet
optionswidthboolean (facultatif) - Sitrue, la largeur de la vue va s'agrandir et se rétrécir en même temps que la fenêtre.falsepar défaut.heightboolean (facultatif) - Sitrue, la hauteur de la vue va croître et se rétrécir en même temps que la fenêtre.falsepar défaut.horizontalbooléen (facultatif) - Sitrue, la position x et la largeur de la vue augmenteront et diminueront proportionnellement à la fenêtre.falsepar défaut.verticalbooléen (facultatif) - Sitrue, la position et la hauteur y de la vue augmenteront et diminueront proportionnellement à la fenêtre.falsepar défaut.
view.setBounds(bounds) Experimental
boundsRectangle
Redimensionne et déplace la vue vers les limites relatives à la fenêtre qui sont fournies .
view.getBounds() Expérimental
Retourne Rectangle
Object représentant les bounds de cette instance de BrowserView.
view.setBackgroundColor(color) Experimental
colorstring - Couleur en Hex, RGB, ARGB, HSL, HSLA ou une couleur CSS nommée. Le canal alpha est facultatif pour le type hexadécimal.
Exemples de valeurs valides pour color :
- Hex
- #fff (RGB)
- #ffff (ARGB)
- #ffffff (RRGGBB)
- #ffffffff (AARRGGBB)
- RGB
- rgb(([\d]+),\s([\d]+),\s([\d]+))
- e.g. rgb(255, 255, 255)
- rgb(([\d]+),\s([\d]+),\s([\d]+))
- RGBA
- rgba(([\d]+),\s([\d]+),\s([\d]+),\s*([\d.]+))
- e.g. rgba(255, 255, 255, 1.0)
- rgba(([\d]+),\s([\d]+),\s([\d]+),\s*([\d.]+))
- HSL
- hsl((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%)
- e.g. hsl(200, 20%, 50%)
- hsl((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%)
- HSLA
- hsla((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%,\s*([\d.]+))
- e.g. hsla(200, 20%, 50%, 0.5)
- hsla((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%,\s*([\d.]+))
- Couleur nommée
- Les options sont listées dans SkParseColor.cpp
- Similaire aux mots-clés de CSS Color Module Level 3, mais sensible à la casse.
- e.g.
bluevioletorred
- e.g.
Note : Le format hexadécimal avec alpha s'écrit AARRGGBB ou ARGB, mais pas RRGGBBA ou RGA.