3

When you try to view the source code of a Google search results page you just see a bunch of javascript code instead of readable text. How does Google do that?

I have searched through the web but couldn't find a good explanation, only thing I found was this: http://goo.gl/FIvD6 and it is not really helpful.

I am not a web developer but I just got curious. A brief explanation would be nice. Thanks.

4

4 回答 4

1

Google 使用您记下的 javascript 构建 DOM。它这样做有几个原因：

  • 减少服务器上的负载以使用 HTML 标记生成每个动态结果集。
  • Google 在 JSON 提要（示例）中返回结果 - pastebin。与完整的 HTML 片段或全新的页面相比，生成 JSON 响应所需的处理能力更少
  • 速度。假设用户有良好的互联网连接，与服务器端相比，客户端的页面渲染速度可以忽略不计。

如上所述，跳进萤火虫并环顾四周:)

于 2013-04-18T09:29:12.553 回答
1

Google 通过 Ajax 加载其他元素，因此如果您查看源代码，您将无法获得它们。进行新查询后，您可以使用 Firebug 之类的工具来检查 DOM 元素。

于 2013-04-18T09:19:27.233 回答
1

谷歌通过使用一堆客户端 JavaScript 生成页面来做到这一点。这几乎可以肯定是副作用，而不是设计目标。

于 2013-04-18T09:17:09.327 回答
1

该链接实际上解释得很清楚。真正的重点是，谷歌并没有“隐藏”任何东西。所有这些都有一个额外的层，称为 DOM（文档对象模型）。当从 Web 服务器请求页面时，Web 服务器可能会以一些基本的 HTML 和大量的 JavaScript 代码进行响应。然后，您的浏览器会解释此响应。它将 HTML 元素加载到 DOM 中，然后开始处理所有 JavaScript 代码，该 JavaScript 通常包含许多操作 DOM 的指令（页面的内存表示）。它可能会加载一些额外的数据并插入新的点点滴滴来显示。如果您愿意，“浏览器窗口”会呈现 DOM 中的任何内容。这不一定与原始请求中的内容相同，

于 2013-04-18T09:27:52.740 回答