首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JS IPC;从一个选项卡向另一个标签发送消息?

JS IPC;从一个选项卡向另一个标签发送消息?
EN

Stack Overflow用户
提问于 2014-05-30 21:03:15
回答 1查看 176关注 0票数 1

例如,使用youtube center (一个用户脚本),我可以在一个选项卡中播放youtube视频,然后打开另一个视频,第一个会暂停。如果我切换选项卡并点击play,另一个将暂停。用户脚本是如何做到这一点的?我试着看着来源

它似乎使用了一个套接字,但看起来它是一个普通对象。它说它模仿socket.io,而我也不知道,但我相信这个不连接到一个网站,而socket.io呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-30 21:12:45

评论说发生了什么事。它使用本地存储(HTML5功能)编写和通知:

/** *是建立在HTML5 localStorage API之上的跨窗口广播服务。接口*在设计上模仿socket.io。*

下面的行设置侦听器。

代码语言:javascript
运行
复制
if (identifier === 6) {
      session_addEventListener("storage", storageHandler);
    } else if (window.attachEvent) {
      document.attachEvent('onstorage', storageHandler);
      ytcenter.unload(function(){
        document.detachEvent("storage", storageHandler);
      });
    } else {
      window.addEventListener('storage', storageHandler, false);
      ytcenter.unload(function(){
        window.removeEventListener("storage", storageHandler, false);
      });
    }

显然,这两个选项卡上都有侦听器,因此每次向本地存储写入/读取时,都会通知另一个选项卡。

所以简单地说,不,数据不会送到服务器上。它只需向本地存储写入,并依赖浏览器同时对所有选项卡进行本地存储更改。

您可以在这里阅读有关存储事件的更多信息:http://dev.w3.org/html5/webstorage/#the-storage-event

值得注意的是,只有在激活文档时,事件才会立即可用(也就是说,在选项卡处于活动状态之前,事件不会/可能不会被处理)。我假设不同的浏览器处理“激活”的方式不同。

这样的文档对象不一定是完全活动的,但是在这些对象上触发的事件被事件循环忽略,直到文档再次完全激活。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23963396

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档