当 关于“查看源代码”价值的讨论 出现时,我听到的最常见的回应是这样的
没门!我经常使用“查看源代码”!当您想查看原始 HTML 而不是 DOM 时,它非常有用。
是的,这很有用,而且 是的,两者之间存在差异。但仅仅因为您正在查看 DevTools,并不意味着 DOM 是您可以看到的唯一内容。


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

因此,如果您担心失去“查看源代码”是因为您无法查看文档,而只能查看 DOM,那么这完全是错误的。您可以放心,在 DevTools 中您拥有相同的便利性。
如果您担心的是,以一个完整的窗口选项卡和简单的键盘快捷键查看源代码更为方便,那么当然,好的,这是一个合理的论点。
我确实发现它在 Chrome 和 Firefox 中作为独立的全页面功能最有用。Safari 的实现是始终在开发者工具中显示资源,即使您使用全局“查看源代码”热键,虽然它仍然有用,但我确实非常怀念大型的独立视图。
它对于诸如重新加载页面而不重新加载其所有资源,直接从“查看源代码”选项卡中,查看标记更改而无需完全刷新和重新初始化开发工具等操作特别有用。
我回去引用了您的一句话
我更担心网络性能的状态,而不是网络教育。
不确定人类无法读取的代码速度会快多少,因为知道文本会被 gzip 或 brotli 压缩(并且对压缩响应良好),并且不会将此视为任何类型的性能瓶颈的 来源。
虽然我也生活在 devtools 中,但我可能不知不觉地不时查看源代码。
此外,如果您要求 Mozilla 重命名整个“查看源代码”会议,那就太可笑了。;)
这对 Firefox 来说也是正确的,但选项卡名为“调试器”>“源代码”。将“Ctrl + U”映射到此选项卡会很好。
但在 Chrome 和 Firefox 中,我仍然错过了换行长行的选项。
还有 Firefox 中的旧版“页面源代码”视图(Cmd+U)和 Chrome 中的(Cmd+Alt+U)。
至少在 Firefox 中,HTML 格式错误会以红色突出显示在该视图中。
我相信 Firefox 实际上是唯一一个这样做的浏览器,这是一个非常好的功能,尽管有一个“错误”部分来显示行号会很好,因为您目前只能通过尝试发现红色突出显示来找到错误。