08. Electron 中嵌入网页和打开子窗口

本文我们学习一下如何用BrowserView来嵌入一个网页到我们应用中，这很类似 Web 中的<iframe>标签。需要注意的是BrowserView是主进程中的类，所以只能在主进程中使用。

在主进程中用 BrowserView 嵌入网页

打开根目录下main.js，直接引入并使用BrowserView就可以实现键入网页到应用中。

var BrowserView = electron.BrowserView // 引入 BrowserView
var view = new BrowserView()   // new 出对象
mainWindow.setBrowserView(view)   // 在主窗口中设置 view 可用
view.setBounds({x:0,y:100,width:1000,height:450})  // 定义 view 的具体样式和位置
view.webContents.loadURL('')  // wiew 载入的页面

这个使用起来非常简单，写完上面的代码，就可以在终端中输入一下electron .，运行程序，测试一下效果了。

效果如下：