直接上代碼
const webview = document.querySelector('webview');
webview.addEventListener('dom-ready', () => {
webview.openDevTools();
console.log('渲染進程在webview加載完之後發送消息')
})
//上面是渲染進程發送消息給webview
webview.addEventListener('ipc-message', () => {
console.log('收到webview發送的消息');
})
webview也就是網頁這麼接收
if ( window.require('electron') ) {
let ipcRenderer = window.require('electron').ipcRenderer;
ipcRenderer && ipcRenderer.on('webmsg', (e, msg) => {
console.log(msg,'收到的消息');
});
ipcRenderer && ipcRenderer.sendToHost('我已經收到消息了');
}
//有一點需要注意 如果你是webpack 或者用了browserify模塊化的方案的 不要直接使用require不然就會報錯
//我們要使用window全局對象下的require就沒有關係
上面就是接收到消息並且發送消息的相關操作
內容很簡單我就沒有具體說了,看代碼還不明白的話可以在下面留言