BrowserView
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
注意
BrowserView
クラスは非推奨であり、新しいWebContentsView
クラスに置き換えられています。
BrowserView
は、BrowserWindow
に追加のウェブコンテンツを埋め込むのに使用することができます。 外側のウインドウを基準にして配置される点を除いて、子ウインドウのようなものです。 webview
タグの代替となるものです。
クラス: BrowserView
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
ビューを作成したり、制御したりします。
注意
BrowserView
クラスは非推奨であり、新しいWebContentsView
クラスに置き換えられています。
プロセス: 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])
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
インスタンスプロパティ
new BrowserView
で作成されたオブジェクトは、以下のプロパティを持っています。
view.webContents
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
このビューによって保持されている WebContents
オブジェクト。
インスタンスメソッド
new BrowserView
で作成されたオブジェクトは、次のインスタンスメソッドを持っています。
view.setAutoResize(options)
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
None | 全プラットフォーム間で自動サイズ変更の動作を標準化しました |
view.setBounds(bounds)
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
bounds
Rectangle
ウインドウを基準に指定された境界までビューをリサイズしたり、移動させたりします。
view.getBounds()
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API DEPRECATED |
戻り値 Rectangle
Object
としてのこの BrowserView インスタンスの bounds
。
view.setBackgroundColor(color)
実験的 非推奨
History
Version(s) | Changes |
---|---|
None | API 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]+)\)
- 例:
rgb(255, 255, 255)
- 例:
- RGBA
rgba\(([\d]+),\s*([\d]+),\s*([\d]+),\s*([\d.]+)\)
- 例:
rgba(255, 255, 255, 1.0)
- 例:
- HSL
hsl\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%\)
- 例:
hsl(200, 20%, 50%)
- 例:
- HSLA
hsla\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)
- 例:
hsla(200, 20%, 50%, 0.5)
- 例:
- 色の名前
- 選択肢は SkParseColor.cpp に列挙してあります。
- CSS カラーモジュールレベル 3 のキーワードと似ていますが、大文字と小文字を区別します。
- 例:
blueviolet
やred
- 例:
注意: アルファ付きの 16 進数フォーマットは AARRGGBB
や ARGB
であり、RRGGBBAA
や RGB
では ありません。