Итак, я пытался создать простое электронное приложение, использующее тег <webview>, но оно у меня вообще не работает. У меня уже было немного Google, и я обнаружил, что тег webview должен быть включен при создании окна.
Я использовал electronic-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>
Когда я просматриваю инструменты разработчика, веб-просмотр определенно присутствует и имеет размеры, которые я установил. Так что это не просто случай, когда веб-просмотр просто не виден.
Еще одна странность заключается в том, что когда я запускаю приложение, оно открывает инструменты разработчика (что неудивительно, поскольку это есть в коде), но страница также имеет темный цвет фона. Как только я закрываю инструменты разработки, страница по какой-то причине становится белой.
У меня есть несколько снимков экрана:
открыты инструменты разработчика
инструменты разработчика закрыты
Спасибо, что прочитали, и заранее спасибо, что нашли время, чтобы помочь мне :)