chrome：差异页面源和检查元素？

Question

html in＆＃39; view page source＆＃39;并检查Chrome 15中的元素？看起来像2个不同的HTML？

Answer 1

视图页面源页面显示服务器返回的确切文本。 Inspect元素实际上向您显示完全呈现的DOM tree。

每个浏览器的DOM树略有不同，具体取决于特定的怪癖和功能支持。

Answer 2

我想JavaScript中修改/添加的代码将在Developer工具检查元素中提供。 查看源可以看到页面加载时的代码。

Answer 3

查看页面源在单独的窗口中打开文件，而inspect元素允许您在页面实时更新时修改（当然是本地）代码并更改css值。