DevTools中的“查看源代码”

当有关“查看源代码”的值的讨论绕开时，我听到的第一响应是这样的：

想都别想！ 我一直在使用View Source！ 当您要查看原始HTML而不是DOM时，它非常有用。

是的，这很有用， 是的，有区别 。 但是，仅仅因为您正在查看DevTools，并不意味着DOM是您唯一可以看到的东西。

这是Chrome DevTools。

Safari有一个“资源”选项卡

每个浏览器的DevTools中都有一个Network选项卡。 那是您找到查看文档的方法的地方。

Firefox的“网络”标签

因此，如果您担心丢失View Source是您没有办法查看文档，而不仅仅是DOM，那是不对的。 您可以放心，您在DevTools中拥有相同的能力。

如果您担心将源显示为带有简单键盘快捷键的全窗口选项卡比较方便，那么可以肯定，这是一个合理的论点。

翻译自: https://css-tricks.com/view-source-in-devtools/