BrowserView
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
注
BrowserViewクラスは非推奨となり、新しいWebContentsViewクラスに置き換えられました。
BrowserViewは、追加のWebコンテンツをBrowserWindowに埋め込むために使用できます。これは子ウィンドウのようなものですが、所有ウィンドウを基準に配置される点が異なります。webviewタグの代替となることを意図しています。
クラス: BrowserView
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
ビューを作成および制御します。
注
BrowserViewクラスは非推奨となり、新しいWebContentsViewクラスに置き換えられました。
プロセス: メイン
このモジュールは、appモジュールのreadyイベントが発行されるまで使用できません。
例
// In the main process.
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://electron.dokyumento.jp')
})
new BrowserView([options]) 試験的 非推奨
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
インスタンスプロパティ
new BrowserView で作成されたオブジェクトには、次のプロパティがあります。
view.webContents 実験的 非推奨
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
このビューが所有する WebContents オブジェクトです。
インスタンスメソッド
new BrowserView で作成されたオブジェクトには、次のインスタンスメソッドがあります。
view.setAutoResize(options) 実験的 非推奨
view.setBounds(bounds) 実験的 非推奨
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
boundsRectangle
ビューのサイズを変更し、ウィンドウに対する指定された bounds に移動します。
view.getBounds() 実験的 非推奨
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
Rectangleを返します。
この BrowserView インスタンスの bounds を Object として返します。
view.setBackgroundColor(color) 実験的 非推奨
履歴
| バージョン | 変更点 |
|---|---|
>=29.0.0 | API DEPRECATED |
colorstring - 16進数、RGB、ARGB、HSL、HSLA、または名前付きCSSカラー形式の色。16進数タイプでは、アルファチャンネルはオプションです。
有効な color 値の例
- 16進数
#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 Color Module Level 3 キーワードに似ていますが、大文字と小文字を区別します。
- 例:
bluevioletまたはred
- 例:
注意: アルファ付きの16進数形式は、RRGGBBAA または RGB ではなく、AARRGGBB または ARGB を使用します。