electron中加载html,08. Electron 中嵌入网页和打开子窗口

本文我们学习一下如何用BrowserView来嵌入一个网页到我们应用中，这很类似Web中的标签。需要注意的是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('https://mybj123.com') // wiew载入的页面

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

效果如下：

为了方便大家学习，附上main.js完整代码：

var electron = require('electron'); // 引入electron模块

va