BrowserView
歷史紀錄
注意
BrowserView
類別已棄用,並由新的WebContentsView
類別取代。
BrowserView
可用於將額外的網頁內容嵌入到 BrowserWindow
中。它就像一個子視窗,只是它的位置是相對於其所屬的視窗。它旨在作為 webview
標籤的替代方案。
類別:BrowserView
歷史紀錄
建立並控制視圖。
注意
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.dev.org.tw')
})
new BrowserView([options])
實驗性 已棄用
歷史紀錄
實例屬性
使用 new BrowserView
建立的物件具有以下屬性
view.webContents
實驗性 已棄用
歷史紀錄
此視圖擁有的 WebContents
物件。
實例方法
使用 new BrowserView
建立的物件具有以下實例方法
view.setAutoResize(options)
實驗性 已棄用
view.setBounds(bounds)
實驗性 已棄用
歷史紀錄
bounds
Rectangle
調整大小並將視圖移動到相對於視窗提供的邊界。
view.getBounds()
實驗性 已棄用
歷史紀錄
傳回 Rectangle
此 BrowserView 實例的 bounds
作為 Object
。
view.setBackgroundColor(color)
實驗性 已棄用
歷史紀錄
color
string - 以 Hex、RGB、ARGB、HSL、HSLA 或具名 CSS 顏色格式表示的顏色。十六進位類型 Alpha 通道為選用。
有效 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 Color Module Level 3 關鍵字,但區分大小寫。
- 例如:
blueviolet
或red
- 例如:
注意: 帶有 Alpha 通道的十六進位格式採用 AARRGGBB
或 ARGB
,而非 RRGGBBAA
或 RGB
。