十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
Electron中webview是如何与主进程渲染进程进行事件监听通信,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
成都创新互联主营尖扎网站建设的网络公司,主营网站建设方案,app软件定制开发,尖扎h5微信小程序开发搭建,尖扎网站营销推广欢迎尖扎等地区企业咨询
webview 调用 加载页 方法通过
注意、注意、注意:
访客页需要调用webview所在页面的方法,则需要在webview中加上属性 nodeintegration="true"
访客页(被webview加载的资源页面)也就是webview中src指定的页面(浏览器页面)
if ( window.require('electron') ) {
let ipcRenderer = window.require('electron').ipcRenderer;
ipcRenderer && ipcRenderer.on('webmsg', (e, msg) => {
console.log(msg,'收到的消息');
});
ipcRenderer && ipcRenderer.sendToHost('我已经收到消息了');
}
webview所在页面(客户端页面)
let webview = document.getElementById('test');
webview.addEventListener('ipc-message', (event) => { //ipc-message监听,被webview加载页面传来的信息
console.log(event.channel)//最终收到消息输出 子页面信息
})
如果设置了不生效,请在此确认是否在webview标签上设置了nodeintegration="true"的属性
看完上述内容,你们掌握Electron中webview是如何与主进程渲染进程进行事件监听通信的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!