关于审查元素与查看网页源码的区别

你是否曾注意到，在使用Chrome浏览器浏览网页时，右键单击页面会有两个看似相似但实际上有着微妙差别的选项？

这两个选项分别是“查看网页源代码”和“检查（审查元素）”。曾经，我以为这两个选项的功能并无太大差异，但在深入了解后，我发现Chrome浏览器这样设计自然有其道理。

让我们先来看一个简单的网页示例。假设这个网页的源代码如下：

```html

```

在网页中的显示效果简洁明了。当我们选择“审查元素”时，会发现标签中已经包含了一句话。而当我们选择“查看网页源码”时，源代码中的标签内却并没有这句话。

这是因为，这句话是通过JavaScript（JS）动态生成的。审查元素实际上是在查看DOM（文档对象模型），此时的DOM已经经过了渲染，所以我们可以看到JS动态添加的内容。而查看网页源码则能看到的是未的源代码，也就是我们在编写网页时的原始代码。

“查看网页源代码”和“检查（审查元素）”这两个选项之间存在着微妙的差别。理解这个差别，有助于我们更好地理解网页开发中的源代码和DOM的关系。希望这篇文章能对你的学习和工作有所帮助。在网页开发的道路上，我们总能发现更多有趣且实用的知识。