Javascript 谷歌的搜索结果页面是如何创建的？

最初我想问，为什么谷歌chrome上的“Inspect元素”和“View source”选项会为包含谷歌查询搜索结果的页面返回不同的结果，如下所示：

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

好的，我明白了-inspect元素选项允许浏览器构造DOM树，因此我看到每个搜索结果标题的“h3”标记；但我想知道的是，是什么创造了这个标签？如果我在结果页面上做一个简单的“查看源代码”并查找文本“h3”，我应该能够看到一些东西，对吗？也许不完全像，但可能是别的什么

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

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

如果我在结果页面上做一个简单的“查看源代码”并查找文本“h3”，我应该能够看到一些东西，对吗

---

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

即使它是由JS生成的，我不应该在生成它的JS代码中的某个地方看到h3吗？不。有很多JS文件要处理，所以你可能会错过它。

h3

字符串可以通过将其他字符串连接在一起来生成。h3可能来自JavaScript触发的HTTP请求，而不是嵌入JS本身。