您如何在两个浏览器选项卡/窗口之间进行通信？ [复制]

Posted 2023-02-21

【中文标题】您如何在两个浏览器选项卡/窗口之间进行通信？ [复制]

【英文标题】：How do you communicate between two browser tabs/windows? [duplicate]

【发布时间】：2011-05-09 06:03:49

【问题描述】：

我有一个 Web 应用程序，它在新的浏览器窗口/选项卡中作为第二个 Web 应用程序启动。当用户在第二页提交输入时，我想更新原始页面上的内容。

现实世界的例子：

Google 在Gmail 中使用了这种行为。撰写新消息时，如果您单击“收件人”链接，它会在新的浏览器窗口中显示您的联系人列表。这使原始的撰写电子邮件窗口保持打开并处于活动状态以供输入，而用户可以随时从联系人列表中选择电子邮件收件人。当他们提交该窗口时，选定的电子邮件地址将添加到原始撰写窗口的收件人列表中。

这是如何实现的？我想它可以使用Ajax 来完成，但理想情况下，该解决方案将避免通过服务器路由它所需的往返/编程逻辑。

作为参考，我的技术堆栈是一个 ASP.NET MVC 应用程序，它启动了第二个 ASP.NET MVC 应用程序，其中包含一个 Silverlight 应用程序。两个应用程序都可以/确实使用 jQuery。

【参考方案1】：

我不认为你的意思是两个标签。 Gmail 所做的是在弹出窗口和父级之间进行通信。

假设您使用 javascript 打开了一个新窗口。在打开的窗口中你可以：

opener.someFunction() 传回数据。让我找到一个可靠的例子并粘贴它。

这是一个很好的例子。 http://www.javascriptkit.com/javatutors/remote2.shtml

你可以用开瓶器做很多事情。

【讨论】：

这看起来像我想要使用的。我尝试了您链接中的简单测试。适用于 Firefox 和 IE，但在 Chrome 中失败。父窗口的颜色永远不会更新。知道为什么吗？

@Amir：你可能想把这个例子粘贴到这里，也许在代码 sn-p 中，以防 JavaScriptKit 网站出现故障。

此解决方案能否在经过身份验证的网站中利用相同的会话？

这种方法不适用于 IE（至少 10、11 和 Edge）。我想将选定的文件从孩子发送到开启者。我在这里问了一个问题：***.com/q/43681241/1660192

【参考方案2】：

你有两种可能：

持续轮询（setInterval 和 AJAX） 推送（Comet 和 HTML 5 WebSocket API）

【讨论】：

eeh 可能会轮询选项卡，但不会打开新窗口。 :)