Webview标签在Electron中不起作用,即使启用了标签



所以我一直在尝试制作一个简单的电子应用程序,它使用<webview>标签,但它对我根本不起作用。我已经有一点谷歌,发现在创建窗口时需要启用 webview 标签。

我使用电子锻造来创建样板代码。这是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>

当我浏览开发工具时,Web 视图肯定在那里,并且具有我设置的维度。因此,不仅仅是网页视图不可见的情况。
另一个奇怪的事情是,当我启动应用程序时,它会打开开发工具(这并不奇怪,因为它在代码中(,但页面也有深色背景色。一旦我关闭开发工具,由于某种原因,页面就会变成白色。
我这里有一些截图:
开发工具打开
开发工具关闭

感谢您的阅读,并提前感谢您抽出宝贵时间帮助我:)

标签应该是<webview ...而不是<web-view ...

最新更新