＃174：在DevTools中使用本地替代

影片下载
（只有MVP支持者可以下载原始高质量的录音以供离线查看。）

Chrome DevTools具有一项功能，可让您：

1. 查看当前网页正在使用的任何给定资源的代码（例如CSS和JavaScript）。
2. “漂亮打印”它（格式化以提高可读性）
3. 保存到磁盘
4. 使用该保存的版本将覆盖实时版本，即使刷新页面也是如此。

最后一个很棒。 如果您要调试的问题似乎只在实时网站上发生，它会为您提供调试工具，使您能够找到问题的根源。

我们将在此处使用该功能找出我遇到的怪异错误。

更极端的是，您甚至可以将DevTools用作主代码编辑器，因为它能够将文件映射回实际项目在磁盘上的位置。

翻译自: https://css-tricks.com/video-screencasts/174-using-local-overrides-in-devtools/