博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
浏览器中无关tab页之间的通信
阅读量:6520 次
发布时间:2019-06-24

本文共 472 字,大约阅读时间需要 1 分钟。

浏览器中两个无关tab页之间的通信,一直都是比较经典的问题。下面就使用一种比较简单的方法,利用storage 和 message 的事件分发 和 事件监听来完成通信。

两个tab页面之间要进行通信,还要借助iframe进行中转消息,让原本连个无关的页面 tabA 和 tabB 进行消息的发送。

iframeA 嵌入到 tabA 中,其src 指向 bridge.html, 然后 tabB 页面也嵌入iframeB ,src 也指向bridge.html,

tabB 发送消息postMessage 到iframeB,在tabB中可以通过iframeB.contentWindow 来获取iframeB 中的window 对象;在iframeB中触发message 事件后,完成与iframeA进行通信,

然后iframeA以同样的方式发送给tabA,完成一次页面通信。

tabB ----》 iframeB -----》iframeA ----》tabA;

tabB.html:      
tabA.html     
bridge.html    

转载地址:http://lorfo.baihongyu.com/

你可能感兴趣的文章
HDU 4611Balls Rearrangement(思维)
查看>>
[LeetCode] Majority Element II
查看>>
minGW, cygwin, GnuWin32【C++的跨平台交叉编译问题】
查看>>
我的Dll(动态链接库)学习笔记(转)
查看>>
应用程序域
查看>>
有向图的拓扑排序算法JAVA实现
查看>>
HTML页面跳转的5种方法
查看>>
ArcGIS Engine开发之旅02--ArcGIS Engine中的类库
查看>>
李洪强-C语言5-函数
查看>>
开源监控利器grafana
查看>>
Android获取当前时间与星期几
查看>>
jenkins2 multibranch
查看>>
Css定位-定位
查看>>
sort,uniq命令
查看>>
am335x 电容屏驱动添加。
查看>>
JavaScript Unicode字符操作
查看>>
rhel-server-7.2-x86_64无法联网(VMware环境)
查看>>
Nginx配置中的log_format用法梳理(设置详细的日志格式)
查看>>
Atitit 软件工程概览attilax总结
查看>>
优化LibreOffice如此简单
查看>>