博客
关于我
强烈建议你试试无所不能的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/

你可能感兴趣的文章
【Matplotlib】 标注一些点
查看>>
Unity3D——SendMessage方法的使用
查看>>
[二十五]JavaIO之RandomAccessFile
查看>>
java 轻量级同步volatile关键字简介与可见性有序性与synchronized区别 多线程中篇(十二)...
查看>>
Android -- 自定义View小Demo,绘制四位数随机码(一)
查看>>
【转】left join 和 left outer join 的区别
查看>>
SDNU 1543.Happy Salted Fish Every Day
查看>>
高性能的MySQL(5)索引策略-索引和表的维护
查看>>
Python之Win字符编码详解
查看>>
最简单的统计appche站点IP访问量的shell脚本
查看>>
《JavaScript高级程序设计》阅读笔记(二十一):JavaScript中的XML
查看>>
[AX]乐观并发控制Optimistic Concurrency Control
查看>>
ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)
查看>>
自定义类加载器
查看>>
GNU make manual 翻译(二十五)
查看>>
谈极小化极大值搜索
查看>>
现代软件工程 学生阅读、思辨和调查作业
查看>>
System.InvalidOperationException 异常
查看>>
NIO学习--缓冲区
查看>>
【Andorid X 项目笔记】动态设置ViewPager的Adapter问题(2)
查看>>