Electron 7.0.1でwebviewが動かない/表示されない
最初に
これに1時間近くはまってました。。辛かった。。今後のためにも残しておきたいと思いとりあえずQiitaに残しておきます。
*Qiita初投稿でおまけにマークダウンスタイルで書くのにも慣れてないのでなんか変なところがあるかもです。ご了承ください。
問題
htmlを以下のように、
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<webview src="https://google.com/" autosize="on" minwidth="576" minheight="432"></webview>
</body>
</html>
tsを以下のように
///<reference path="./typings/index.d.ts"/>
// In the main process.
const { app, BrowserWindow } = require('electron')
const path = require('path');
const url = "" + __dirname + "/main.html"
app.on('window-all-closed', () => {
app.quit()
})
app.on('ready', () => {
let win = new BrowserWindow({ width: 800, height: 600 })
// load a page
win.loadURL(url)
console.log(app.getAppPath())
})
書いたところ何にもレンダリングされない。
解決法
参照: https://github.com/electron/electron/blob/master/docs/api/breaking-changes.md#new-browserwindow-webpreferences-
BrowserWindow内にwebview有効化ということを明記する
let win = new BrowserWindow({
width: 1000,
height: 800,
'webPreferences': {
'webviewTag': true
}
みたいな感じにしてあげたらok
Author And Source
この問題について(Electron 7.0.1でwebviewが動かない/表示されない), 我々は、より多くの情報をここで見つけました https://qiita.com/raspi0124/items/5e70d901c8bbe0a92f1b著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .