如何在不同的浏览器中同步两个网页的显示？答案

【问题标题】：How to synchronize the display of two web pages in separate browsers?如何在不同的浏览器中同步两个网页的显示？
【发布时间】：2016-10-14 21:01:39
【问题描述】：

TLDR：如何在不同计算机上的浏览器中同步显示两个网页？

背景：

我使用托管在 IIS 服务器上的 MVC 开发了一个仪表板，用于在两个并排的大屏幕显示器上显示信息。服务器根据 URL 为每个屏幕提供不同的布局。布局是使用相当纯的 Bootstrap 3 标记创建的。每个屏幕都连接到一个独立的 Google TV，将屏幕加载为主页。内容是相对静态的，所以每 10 分钟重新加载一次页面就可以了。

问题

我正在考虑在底部水平滚动选取框（即自动收报机），但我需要它跨越两个屏幕。

问题

有没有一种方法可以合理准确地同步显示（即优于 1 秒的差异），以便文本可以从一个屏幕滑到另一个屏幕而不会显得太破碎？

注意：我主要对可以从 MVC 应用程序实现的方法感兴趣，而不是通过破解 Google TV 或浏览器来实现，因此它与浏览器/机器无关。

【问题讨论】：

这是一个有趣的情况。我建议查看SignalR。它使用 websockets 进行实时双向通信。您可以通过将选取框数据同时发送到两个屏幕来利用，然后让第二个屏幕暂停显示数据，无论文本穿过第一个屏幕需要多少秒。这会使文本看起来像是在两个屏幕上滚动。
SignalR 非常适合您的要求...
该要求已被删除，因此我不会执行此操作，但是，@sam2929 如果您想添加您的 SignalR 建议作为答案，我会接受它。看起来它会完成我想做的事情。

标签： asp.net-mvc twitter-bootstrap synchronization

【解决方案1】：

我建议研究 SignalR。它使用网络套接字进行实时双向通信。您可以通过将选取框数据同时发送到两个屏幕来利用它，然后让第二个屏幕暂停显示数据，无论文本穿过第一个屏幕需要多少秒。这会使文本看起来像是在两个屏幕上滚动。

Microsoft 在其网站上提供了一些很好的使用 SignalR 进行实时通信的教程：https://www.asp.net/signalr/overview/getting-started/tutorial-getting-started-with-signalr。

【讨论】：

【解决方案2】：

鉴于您使用的是 asp.NET，SignalIR 可能是满足您需求的事实上的解决方案（正如用户 @sam2929 所指出的那样）。但是，如果您可以直接访问服务器，我建议您将 Socket.io（一个流行的库，它使使用 WebSocket 变得简单而容易）结合IISNode，这是他们在 Windows Azure 上使用的相同 IIS 扩展。

【讨论】：