【发布时间】：2020-05-29 17:25:07
【问题描述】：
所以我一直在尝试制作一个使用<webview> 标签的简单电子应用程序，但它根本不适合我。我已经有一点google了，发现创建窗口时需要启用webview标签。
我使用 electron-forge 创建样板代码。这是index.js 中创建启用webviewTag 的窗口的函数：
// Create the browser window.
mainWindow = new BrowserWindow({
width: 1280,
height: 800,
webPreferences: {
webviewTag: true
}
});
这是我在index.html 中的代码，应该只显示一个网页：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<web-view src="https://github.com" style="display:block; width:700px; height:480px"></web-view>
</body>
</html>
当我查看开发工具时，webview 确实在那里并且具有我设置的尺寸。所以这不仅仅是 webview 不可见的情况。
另一个奇怪的事情是，当我启动应用程序时，它会打开开发工具（这并不奇怪，因为它在代码中），但页面也有深色背景色。一旦我关闭开发工具，页面就会由于某种原因变成白色。
我在这里有一些截图：
dev-tools open
dev-tools closed
感谢您的阅读，并提前感谢您抽出时间来帮助我:)
【问题讨论】：
标签： javascript html electron