Chrome：页面源代码和检查元素有何不同？

Question

4

“查看页面源代码”和Chrome 15中的“检查元素”之间的区别是什么？这两者看起来像是不同的HTML。

- user603007

Chrome的"检查元素"和"查看源代码"有什么不同？ - Samuel DR

3个回答

1

我猜JavaScript修改/添加的代码将在开发者工具检查元素中可用。而页面加载时的代码可以通过查看源代码来查看。

- Salman Aslam

0

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

- switz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- geoffreak · Accepted Answer

查看页面源代码页面会显示服务器返回的确切文本。而“检查元素”实际上会显示完全呈现的DOM树。

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