html - 源文件视图中的信息不可见

Question

我最近开始使用 Senchs extJS .. 当我们看到源文件时，它只显示所编写的代码，但应用的样式或稍后添加的任何脚本在“查看源代码”中不存在

AJAX 也是如此，当我们在任何容器中加载任何东西时，它都不存在......

但如果我们使用 Chrome 并检查元素，它会显示所有内容......

为什么会有这种行为？

Answer 1

在浏览器中查看源代码通常只显示下载的源代码而不运行任何东西（包括任何会修改 DOM 的 JS）。事实上，当您查看源代码以获取该代码时，至少Chrome 会创建一个单独的请求。

至于原因，我不确定。这只是标准，并且是“查看源代码”在我成为 Web 开发人员之前很长时间的工作方式。它类似于执行原始 HTTP 请求（即，您只需获取源；无需运行任何东西来更改它）。术语“来源”表示您收到的内容的来源，未经修改（想想“源代码”。）

Answer 2

因为这就是它的工作原理。查看源代码仅在页面首次提供给浏览器时显示该页面。