electron 中webview如何与主进程渲染进程进行事件监听通信

直接上代码

	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就没有关系

上面就是接收到消息并且发送消息的相关操作

内容很简单我就没有具体说了,看代码还不明白的话可以在下面留言

你可能感兴趣的:(electron,electron,electron,webview,electron,webview,通信,electron,webview,事件监听)