BrowserView
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
[!NOTE] The
BrowserViewclass is deprecated, and replaced by the newWebContentsViewclass.
A BrowserView can be used to embed additional web content into a BrowserWindow. 外側のウインドウを基準にして配置される点を除いて、子ウインドウのようなものです。 webview タグの代替となるものです。
クラス: BrowserView
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
ビューを作成したり、制御したりします。
[!NOTE] The
BrowserViewclass is deprecated, and replaced by the newWebContentsViewclass.
Process: Main
app モジュールの ready イベントが発生するまでは、このモジュールは使用できません。
[!WARNING] Electron's built-in classes cannot be subclassed in user code. For more information, see the FAQ.
サンプル
// メインプロセス
const{ app,BrowserView,BrowserWindow}=require('electron')
app.whenReady().then(()=>{
const win =newBrowserWindow({width:800,height:600})
const view =newBrowserView()
 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 | 
A WebContents object owned by this view.
インスタンスメソッド
new BrowserView で作成されたオブジェクトは、次のインスタンスメソッドを持っています。
view.setAutoResize(options) 実験的 非推奨 
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
| None | 全プラットフォーム間で自動サイズ変更の動作を標準化しました | 
view.setBounds(bounds) 実験的 非推奨 
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
- boundsRectangle
ウインドウを基準に指定された境界までビューをリサイズしたり、移動させたりします。
view.getBounds() 実験的 非推奨 
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
Returns Rectangle
Object としてのこの BrowserView インスタンスの bounds。
view.setBackgroundColor(color) 実験的 非推奨 
History
| Version(s) | Changes | 
|---|---|
| None | API DEPRECATED | 
- colorstring - 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
 
- 例: 
 
[!NOTE] Hex format with alpha takes
AARRGGBBorARGB, notRRGGBBAAorRGB.