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就沒有關係

上面就是接收到消息並且發送消息的相關操作

內容很簡單我就沒有具體說了,看代碼還不明白的話可以在下面留言

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章