如何查看VS源页面检查？

Question

我在asp.net网络表单中使用了jQuery：

<script>
    $(document).ready(function () {
        $('#MainContent').css('background-color', 'green')
    });
</script>

当我在Chrome中使用“检查”功能时，可以看到内联CSS样式，但是如果您使用“查看页面源代码”，则没有内联样式，那么查看页面源代码和检查之间有什么区别？

Answer 1

“查看页面源代码”将向您显示原始HTML文档，它是服务器在运行任何脚本之前（当然是在解压缩之后）发送给您的。如果打开开发人员工具并查看“网络”选项卡，则文档响应应与“页面源”文本相同。

“检查”将向您显示文档的当前状态，包括脚本可能对其进行的所有更改。

Answer 2

“查看页面源”将显示html FILE / REQUEST内容（未被JS更改）。 JS执行后，“检查”功能显示DOM TREE（基于html文件）。

Answer 3

“查看页面源代码”将仅显示浏览器从服务器响应而获得的HTML。

但是“检查”将向您显示页面的当前状态，这意味着脚本在该HTML上运行。它使您可以观看通过脚本完成的页面修改。