在上一篇iframewebview的对比中,苏南大叔描述了在electron中使用webview标签的话,会获得更大的自主权限。比如,变态需求是:在electron程序中,嵌入一个远程的第三方页面,并且实时获得这个远程页面里面的数据。这需求够变态吧,在普通的网页领域来说,是决定不可能完成这个需求的,对吧?但是,这个需求是在electron程序中运行的,这个需求就有实现的可能性。

苏南大叔:electron程序,js如何跨域通信获得webview中的数据? - electron-webview-promise
electron程序,js如何跨域通信获得webview中的数据?(图3-1)

本文测试环境:mac/electron@5.0.8

前置阅读

本篇内容,实际上涉及到前面两篇文章,如果两篇文章碰撞后,就基本上是本文中的思路。

当然,本文并不是此需求的最好解决方案,也不会是最佳解决方案。但是,是个新颖的思路。

<webview src="https://www.baidu.com" style="width:500px;height:300px;" id="iframe1"></webview>

代码总结

苏南大叔:electron程序,js如何跨域通信获得webview中的数据? - webview-baidu-insertjs-code
electron程序,js如何跨域通信获得webview中的数据?(图3-3)

范例代码如下:

newsn.net:这里是【评论】可见内容

总结

本文的思路,是几个不同代码知识点的组合。当然,这个并不是electron跨域通信的最佳方案,但是是个不错的思路,仅供参考。

感谢您支持苏南大叔的原创文章,欢迎点赞转发打赏。更多苏南大叔的electron相关博客文章,请点击苏南大叔的博客:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章: