Skip to content

Instantly share code, notes, and snippets.

@Jelmerro

Jelmerro/index.html

Created April 15, 2021 15:05
Show Gist options
  • Save Jelmerro/58c79993841cbf749089da173ebfe78e to your computer and use it in GitHub Desktop.
Save Jelmerro/58c79993841cbf749089da173ebfe78e to your computer and use it in GitHub Desktop.
Download ZIP
ipcRenderer connection drops when viewing source
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<webview src="./index.html"></webview>
</body>
</html>
Raw
main.js
const {app, BrowserWindow} = require('electron')
const path = require('path')
function createWindow () {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
preload: path.join(__dirname, 'renderer.js'),
contextIsolation: false,
webviewTag: true
}
})
mainWindow.webContents.once("did-finish-load", () => {
mainWindow.webContents.on("will-attach-webview", (_, prefs) => {
prefs.preload = path.join(__dirname, 'preload.js')
prefs.contextIsolation = false
})
})
mainWindow.loadFile('index.html')
}
app.whenReady().then(createWindow)
Raw
preload.js
window.addEventListener("DOMContentLoaded", () => {
document.querySelector("h1").textContent = "Hello Webview!"
const {ipcRenderer} = require("electron")
ipcRenderer.on("request", e => {
e.sender.sendToHost("response")
})
})
Raw
renderer.js
window.addEventListener("DOMContentLoaded", () => {
document.querySelector("h1").textContent = "Hello Renderer!"
const webview = document.querySelector("webview")
setInterval(() => {
document.body.appendChild(document.createTextNode(` - request `))
webview.send("request")
}, 1000)
webview.addEventListener("ipc-message", e => {
document.body.appendChild(document.createTextNode(e.channel))
})
setTimeout(() => {
webview.src = "view-source:./index.html"
}, 3500)
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment