如何查看网页源VS检查？

Question

我用jQuery的一个asp.net Web窗体：

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

当我使用Chrome的“检查”功能，可以看我的内联CSS样式，但如果你使用“查看页面源代码”，没有内嵌式的，所以什么是浏览页面的源代码，并检查有什么区别？

Answer 1

“查看页面源代码”会告诉你原始的HTML文件，因为它是由服务器发送到你（解压后，当然），任何脚本运行之前。如果打开的开发工具，并期待在网络选项卡，该文件的响应应该是相同的“页面源代码”文本。

“检查”会告诉你该文件，因为它是目前，包括脚本可能对它作出的所有更改。

Answer 2

查看页面源代码会显示HTML文件/ REQUEST内容（不被JS改变）。 JS执行后的“检查”功能显示DOM树（基于HTML文件）。

Answer 3

“查看页面源代码”会告诉你只有你的浏览器从服务器响应了HTML。

但是，“检查”会告诉你你的网页的当前状态，这意味着对HTML行书。它能让你在看你的网页通过修改脚本来完成。