BrowserView
Eine Browseransicht kann verwendet werden, um zusätzliche Webinhalte in ein BrowserWindow einzubetten. Es ist wie ein untergeordnetes Fenster, mit der Ausnahme, dass es relativ zu dem übergeordneten Fenster positioniert ist. Es ist als Alternative zum Webview Tag gedacht.
Klasse: BrowserView
Erstelle und kontrolliere Ansichten.
Prozess: Haupt
This module cannot be used until the ready event of the app module is emitted.
Beispiel
// Im Hauptprozess.
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
Instanz Eigenschaften
Objekte, die mit new BrowserView erstellt wurden, haben folgende Eigenschaften:
view.webContents Experimental
A WebContents object owned by this view.
Beispiel Methoden
Objekte, die mit new BrowserView erstellt wurden, haben folgende Instanzmethoden:
view.setAutoResize(options) Experimental
view.setBounds(bounds) Experimental
boundsRectangle Die Grenzen der Ansicht als Rechteck
Passt die Ansicht an die Dimensionen und die Ausrichtung des Rechteckes relativ zum übergeordneten Fenster an.
view.getBounds() Experimental
Returns Rectangle
Die bounds dieser BrowserView-Instanz als Object.
view.setBackgroundColor(color) Experimental
colorstring - Farbe in Hex, RGB, ARGB, HSL, HSLA oder benannten CSS-Farbformat. Der Alphakanal ist optional für den Hex-Typ.
Beispiele für gültige color Werte:
- Hex
- #fff (RGB)
- #ffff (ARGB)
- #ffffff (RRGGBB)
- #ffffffff (AARRGGBB)
- RGB
- rgb(([\d]+),\s([\d]+),\s([\d]+))
- z.B. rgb(255, 255, 255)
- rgb(([\d]+),\s([\d]+),\s([\d]+))
- RGBA
- rgba(([\d]+),\s([\d]+),\s([\d]+),\s*([\d.]+))
- z.B. rgba(255, 255, 255, 1.0)
- rgba(([\d]+),\s([\d]+),\s([\d]+),\s*([\d.]+))
- HSL
- hsl((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%)
- z.B. hsl(200, 20%, 50%)
- hsl((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%)
- HSLA
- hsla((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%,\s*([\d.]+))
- z.B. hsla(200, 20%, 50%, 0.5)
- hsla((-?[\d.]+),\s([\d.]+)%,\s([\d.]+)%,\s*([\d.]+))
- Farbname
- Optionen sind in SkParseColor.cpp aufgelistet
- Ähnlich wie CSS-Farbmodul Level 3 Keywords, aber Groß- und Kleinschreibung.
- z.B.
bluevioletoderred
- z.B.
Hinweis: Hex-Format mit Alpha nimmt AARRGGBB oder ARGB, nicht RRGGBBA oder RGA.