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
矩形
將檢視調整大小並移動到相對於視窗的指定範圍。
view.getBounds()
實驗性 已棄用
歷史
傳回 矩形
此 BrowserView 實例的 bounds
,為 Object
。
view.setBackgroundColor(color)
實驗性 已棄用
歷史
color
字串 - 十六進位、RGB、ARGB、HSL、HSLA 或指定的 CSS 顏色格式的顏色。十六進位類型的 Alpha 通道是選填的。
有效 color
值的範例
- 十六進位
#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
。