docs: improve BrowserView example (#32098)

* working example

previous example not beginner-friendly

* Update browser-view.md

Co-authored-by: Cheng Zhao <github@zcbenz.com>
This commit is contained in:
MikeBusuttil 2022-01-05 22:09:36 -05:00 committed by GitHub
parent 30e0620ccc
commit c1c710bc01
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -15,14 +15,16 @@ Process: [Main](../glossary.md#main-process)
```javascript ```javascript
// In the main process. // In the main process.
const { BrowserView, BrowserWindow } = require('electron') const { app, BrowserView, BrowserWindow } = require('electron')
const win = new BrowserWindow({ width: 800, height: 600 }) app.whenReady().then(() => {
const win = new BrowserWindow({ width: 800, height: 600 })
const view = new BrowserView() const view = new BrowserView()
win.setBrowserView(view) win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 }) view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electronjs.org') view.webContents.loadURL('https://electronjs.org')
})
``` ```
### `new BrowserView([options])` _Experimental_ ### `new BrowserView([options])` _Experimental_