BrowserView
Note The
BrowserView
class is deprecated, and replaced by the newWebContentsView
class.
BrowserView
は、BrowserWindow
に追加のウェブコンテンツを埋め込むのに使用することができます。 外側のウインドウを基準にして配置される点を除いて、子ウインドウのようなものです。 webview
タグの代替となるものです。
クラス: BrowserView
ビューを作成したり、制御したりします。
Note The
BrowserView
class is deprecated, and replaced by the newWebContentsView
class.
プロセス: Main
app
モジュールの ready
イベントが発生するまでは、このモジュールは使用できません。
サンプル
// メインプロセス
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 Deprecated
インスタンスプロパティ
new BrowserView
で作成されたオブジェクトは、以下のプロパティを持っています。
view.webContents
Experimental Deprecated
このビューによって保持されている WebContents
オブジェクト。
インスタンスメソッド
new BrowserView
で作成されたオブジェクトは、次のインスタンスメソッドを持っています。
view.setAutoResize(options)
Experimental Deprecated
view.setBounds(bounds)
Experimental Deprecated
bounds
Rectangle
ウインドウを基準に指定された境界までビューをリサイズしたり、移動させたりします。
view.getBounds()
Experimental Deprecated
戻り値 Rectangle
Object
としてのこの BrowserView インスタンスの bounds
。
view.setBackgroundColor(color)
Experimental Deprecated
color
string - 16進数、RGB、ARGB、HSL、HSLA、または名前付き CSS カラーフォーマットの色。 16 進数タイプの場合のアルファチャンネルは任意です。
有効な color
の値の例を示します。
- Hex
#fff
(RGB)#ffff
(ARGB)#ffffff
(RRGGBB)#ffffffff
(AARRGGBB)
- RGB
rgb\(([\d]+),\s*([\d]+),\s*([\d]+)\)
- e.g.
rgb(255, 255, 255)
- e.g.
- RGBA
rgba\(([\d]+),\s*([\d]+),\s*([\d]+),\s*([\d.]+)\)
- e.g.
rgba(255, 255, 255, 1.0)
- e.g.
- HSL
hsl\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%\)
- e.g.
hsl(200, 20%, 50%)
- e.g.
- HSLA
hsla\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)
- e.g.
hsla(200, 20%, 50%, 0.5)
- e.g.
- 色の名前
- 選択肢は SkParseColor.cpp に列挙してあります。
- CSS カラーモジュールレベル 3 のキーワードと似ていますが、大文字と小文字を区別します。
- 例:
blueviolet
やred
- 例:
Note: Hex format with alpha takes AARRGGBB
or ARGB
, not RRGGBBAA
or RGB
.