facebook 聊天窗口是如何实现的？答案

【问题标题】：How are the facebook chat windows implemented?facebook 聊天窗口是如何实现的？
【发布时间】：2010-10-07 22:37:27
【问题描述】：

在Facebook 上，您可以在不影响浮动聊天窗口的情况下浏览该网站。好像主页在 iFrame 内，而页脚和聊天窗口则漂浮在外面。

_{（来源：k-director.com）}

是 iframe 中的主要内容还是 iframe 中的页脚和聊天窗口？

后者似乎不可能，因为在这种情况下，当您单击主页中的链接时，所有内容都必须重新加载，包括页脚 iframe。

如果您刷新页面，聊天窗口会重新加载，但如果您通过单击链接浏览网站，则不会。

谢谢。

【问题讨论】：

【解决方案1】：

如果您安装 FireBug 并为 Facebook 启用网络监视器，您会看到，当您单击应用程序内的大多数链接时，您并没有进行整页刷新，而是使用 AJAX 调用更新页面新内容。

它看起来像一个新页面，但实际上你在同一个页面上，除了聊天栏外几乎所有东西都被替换了。

【讨论】：

【解决方案2】：

可能只是一个绝对定位的 div，包含内容的滚动 div。 Ajax 将提供内容。

【讨论】：

【解决方案3】：

当您加载新页面时，聊天窗口确实会刷新，但它们会保持其视图状态（打开/关闭/聊天历史记录）。

【讨论】：

【解决方案4】：

这是一个绝对定位的 div，位于浏览器窗口的底部。这并不难，我在一个周末从头开始克隆了 ClockingIT 的 Facebook 聊天。

【讨论】：