查看页面源代码页面会显示服务器返回的确切文本。而“检查元素”实际上会显示完全呈现的DOM树。
每个浏览器的DOM树略有不同,具体取决于其特定的怪癖和功能支持。
我猜JavaScript修改/添加的代码将在开发者工具检查元素中可用。 而页面加载时的代码可以通过查看源代码来查看。
查看页面源代码会在单独的窗口中打开文件,而检查元素则允许您在页面实时更新的同时修改(当然是本地修改)代码并更改CSS值。