html - 谁能解释为什么 Facebook 似乎在 HTML 评论中 Conceal 了 HTML 代码？

Question

在浏览 Facebook 源代码时，我偶然发现了一些我无法解释的事情。如果你去 http://www.facebook.com/YOURUSERNAME/allactivity并查看源代码，command/ctrl F 并查找标签:

<code class="hidden_elem"

在向下的第三个或第四个中，您将看到包含(必须是)为 allactivity 页面生成的代码的标记。

但是，它用 HTML 注释 ( <!---->) 包裹起来。谁能告诉我这样做的好处是什么，和/或代码最终是如何执行的？此外，他们如何使用 ajax 提取该代码？ (似乎它们会根据向下滚动产生更多)

Answer 1

看起来它是代码，它是不同子菜单(左侧)的内容。我的猜测是，当您单击其中一个菜单时，它对应于特定评论的父容器 ID。 (例如，在我的上，作业历史位于 ID 为 u_0_2a 的代码节点下)。然后它获取子节点并在单击相应链接时评估 innerHTML。

我猜他们这样做有几个原因。

1. 它消除了对服务器的额外请求。
2. 评估加载的数据比加载新数据更快。
3. 注释不会显着影响渲染时间。
4. 如果文本被注释，那么 CSS 会更简单(不用担心 Conceal div，它们根本不存在)。