javascript – window.postmessage()在不同选项卡中的应用程序之间进行通信

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – window.postmessage()在不同选项卡中的应用程序之间进行通信，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含956字，纯文字阅读大概需要2分钟。

内容图文

是否有机会使用window.postmessage()在同一浏览器的不同选项卡中的两个不同应用程序之间进行通信？

我知道你可以在应用程序和iFrame之间做到这一点,但不同的标签呢？

更新：

案例场景：

>用户在一个选项卡中播放来自vk.com的音频
>用户开始在另一个标签页面中播放来自youtube.com的视频
> youtube.com将postmessage()发送到vk.com
视频开始播放
> vk.com让音频保持沉默

谢谢

解决方法:

如果您使用iFrame中加载的“中间页面”,则可以执行此操作.

(理论)解决方案使用两种不同的页间通信方法：

> window.postMessage()
> localStorage或sessionStorage(有关其工作原理,请参阅this guide)

“中间页面”充当代理,将消息事件转换为localStorage事件,反之亦然.如果您从两个页面的iFrame中加载此“中间页面”,那么您在一个选项卡中发布的任何邮件都会在另一个标签中弹出：

[Tab 1] --(postMessage)--> [iFrame 1]
                                |
                          (localStorage)
                                |
                                v
                           [iFrame 2] --(postMessage)--> [Tab 2]

如果其中一个选项卡与中间页面位于同一域中(此处显示为选项卡2),则可以简化此操作(不影响其他选项卡的设置).

[Tab 1] --(postMessage)--> [iFrame 1]
                                |
                          (localStorage)
                                |
                                v
                             [Tab 2]

内容总结

以上是互联网集市为您收集整理的javascript – window.postmessage()在不同选项卡中的应用程序之间进行通信全部内容，希望文章能够帮你解决javascript – window.postmessage()在不同选项卡中的应用程序之间进行通信所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端