Chrome:区别页面源和检查元素

chrome: difference page source and inspect element?

本文关键字：检查元素区别 Chrome 更新时间：2023-09-26

在'查看页面源'的html和检查元素在Chrome 15之间的区别是什么?看起来像两个不同的html?

视图页源页显示服务器返回的确切文本。元素实际上显示了完全渲染的DOM树。

每个浏览器的DOM树略有不同，这取决于特定的怪癖和对特性的支持。

我猜JavaScript修改/添加的代码将在开发人员工具inspect元素中可用。在页面加载时的代码可以通过视图源代码看到。

View page source在单独的窗口中打开文件，而inspect元素允许您在页面实时更新时修改(当然是本地的)代码并更改css值。