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
bounds
Rectangle 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
color
string - 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.
blueviolet
oderred
- z.B.
Hinweis: Hex-Format mit Alpha nimmt AARRGGBB
oder ARGB
, nicht RRGGBBA
oder RGA
.