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

Question

最初我想问为什么＆＃39; Inspect Element＆＃39;和＆＃39;查看来源＆＃39; Google Chrome上的选项会针对包含Google上查询搜索结果的网页返回不同的结果，如下所示：

然后我通过以下链接了解到，当您查看来源＆＃39;时，它会显示收到的来自服务器的原始HTML，以及您何时检查元素＆＃39;它显示了构造DOM树后获得的代码：

Chrome: Inspect Element vs View Source chrome: difference page source and inspect element? http://productforums.google.com/forum/#!topic/chrome/46KsUR20Erc

好的，所以我明白了 - inspect元素选项让浏览器构建了DOM树，因此我看到了＆＃39; h3＆＃39;每个搜索结果标题的标签;但我想知道的是，是什么创造了这个标签？如果我做一个简单的查看来源＆＃39;在结果页面上查找文字＆＃39; h3＆＃39;，我应该能看到正确的内容？也许不完全像 但可能还有其他什么？

Answer 1

  

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

没有。浏览器从HTML构造DOM树。然后它根据任何JavaScript的要求修改它。 DOM Inspector只提供了一个不同的UI，树已经构建。

  

如果我在结果页面上做一个简单的“查看源代码”并查找文本“h3”，我应该能够看到正确的内容吗？

只有它出现在HTML中并且不是从Javascript生成的。