【第1060期】跨浏览器tab页的通信解决方案尝试

文章预览

前言 不知道昨天推送的文章有点问题，有人注意到了吗？今日早读文章由@欲休投稿分享。 正文从这开始～ 目标 当前页面需要与当前浏览器已打开的的某个tab页通信，完成某些交互。其中，与当前页面待通信的tab页可以是与当前页面同域（相同的协议、域名和端口），也可以是跨域的。 要实现这个特殊的功能，单单使用HTML5的相关特性是无法完成的，需要有更加巧妙的设计。 畅想 现在我们发现下思维，假设多种场景下的解决方案，最终寻找通用解。 case 1 两个需要交互的tab页面具有依赖关系。 如 A页面中通过JavaScript的window.open打开B页面，或者B页面通过iframe嵌入至A页面，此种情形最简单，可以通过HTML5的 window.postMessage API完成通信，由于postMessage函数是绑定在 wi ………………………………