DevTools 中的“查看源代码”

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

关于“查看源代码”价值的讨论 出现时,我听到的最常见的回应是这样的

没门!我经常使用“查看源代码”!当您想查看原始 HTML 而不是 DOM 时,它非常有用。

是的,这很有用,而且 是的,两者之间存在差异。但仅仅因为您正在查看 DevTools,并不意味着 DOM 是您可以看到的唯一内容。

这是 Chrome DevTools。
Safari 具有“资源”选项卡

每个浏览器中的 DevTools 中也都有一个“网络”选项卡。在那里您可以找到查看文档的方法。

Firefox 的“网络”选项卡

因此,如果您担心失去“查看源代码”是因为您无法查看文档,而只能查看 DOM,那么这完全是错误的。您可以放心,在 DevTools 中您拥有相同的便利性。

如果您担心的是,以一个完整的窗口选项卡和简单的键盘快捷键查看源代码更为方便,那么当然,好的,这是一个合理的论点。