Google的搜索结果页是如何创建的？

Question

最初，我想问为什么Google chrome上的“检查元素”和“查看源代码”选项对于包含Google查询的搜索结果的页面返回不同的结果，像这样：

然后，我从以下链接中了解到，当您“查看源代码”时，它将显示接收到的来自服务器的原始HTML，而当您“检查元素”时，它将显示在构造DOM树之后获得的代码：

Chrome：检查元素与查看源 chrome：区别页面源和检查元素？ http://productforums.google.com/forum/#!topic/chrome/46KsUR20Erc

好的，我明白了-inspect element选项允许浏览器构造DOM树，因此我看到每个搜索结果标题的'h3'标签； 但是我想知道的是，是什么创建了这个标签？ 如果在结果页面上执行简单的“查看源代码”并查找文本“ h3”，我应该可以看到正确的内容吗？ 也许不完全像 但可能还有别的吗？

Answer 1

inspect element选项允许浏览器构造DOM树

否。浏览器从HTML构造DOM树。 然后根据任何JavaScript的要求对其进行修改。 DOM Inspector只是在上面提供了一个不同的UI，树已经构造好了。

如果在结果页面上执行简单的“查看源代码”并查找文本“ h3”，我应该可以看到正确的内容吗？

仅当它出现在HTML中并且不是由Javascript生成时。