【发布时间】：2013-04-10 06:20:13
【问题描述】：
我最近开始使用 Senchs extJS.. 当我们看到源文件时，它只显示曾经编写的代码，但“查看源代码”中没有应用的样式或后来添加的任何脚本
对于 AJAX 也是如此，当我们在任何容器中加载任何内容时，它都不存在...
但如果我们使用 Chrome 并检查元素，它会显示所有内容......
为什么会出现这种行为？
【问题讨论】：
标签： html ajax extjs inspect-element
【发布时间】：2013-04-10 06:20:13
【问题描述】：
在浏览器中查看源代码通常只显示下载的源代码根本不运行任何东西（包括任何会修改 DOM 的 JS）。事实上，至少Chrome 会在您查看源代码以获取该代码时创建一个单独的请求。
至于为什么，我不确定。这只是标准，并且是“查看源代码”在我成为 Web 开发人员之前很长时间的工作方式。它类似于执行原始 HTTP 请求（即，您只需获取源；无需运行任何东西来更改它）。术语“来源”表示您收到的内容的来源，未经修改（想想“源代码”。）
【讨论】：
-
这正是我想知道的......所以“检查元素显示 DOM 的当前状态”
-
@JunaidSaeed 正确；使用 Chrome，您可以轻松获取修改后的 DOM（
<html>元素上的“复制为 HTML”） -
现在又出现了另一个问题.. 如果不是，那么至少在我的脑海中...... S.E.O 呢，s 引擎和蜘蛛会遍历我生成的源或当前的 DOM 实例，因为在某些情况下，两者可能会变得非常不同......
-
@JunaidSaeed 你应该在别处做研究，但我可以告诉你那是正确的。您需要一种提供重要内容的方法，而不是在没有 JS 的情况下处理浏览器
-
@ExplosionPills 详细说明，右键单击并检查元素以调出检查器窗口，然后在元素上，再次右键单击并编辑为 html 以查看它（在 Chrome 中）
因为它就是这样工作的。查看源代码仅在页面首次提供给浏览器时显示该页面。
【讨论】：