electron 如何获取 webview 页面内的值？

Question

使用 preload 把 js 注入到 webview 页面内，那页面内如何把值传给 preload 注入的 js ，webview 页面使用的是 vue

Answer 1

像主进程和渲染进程通信一样，渲染进程也可以和webview通信，如以下的代码。

同时也可以添加参数，可以使用如下方式实现你的需求。

// 在页面
const webview = document.querySelector('webview')
webview.addEventListener('ipc-message', (event) => {
console.log(event.channel)
// Prints "pong"
})
webview.send('ping')

// 在webview
const {ipcRenderer} = require('electron')
ipcRenderer.on('ping', () => {
ipcRenderer.sendToHost('pong')
})