影片下载
(只有MVP支持者可以下载原始高质量的录音以供离线查看。)
Chrome DevTools具有一项功能,可让您:
- 查看当前网页正在使用的任何给定资源的代码(例如CSS和JavaScript)。
- “漂亮打印”它(格式化以提高可读性)
- 保存到磁盘
- 使用该保存的版本将覆盖实时版本,即使刷新页面也是如此。
最后一个很棒。 如果您要调试的问题似乎只在实时网站上发生,它会为您提供调试工具,使您能够找到问题的根源。
我们将在此处使用该功能找出我遇到的怪异错误。
更极端的是,您甚至可以将DevTools用作主代码编辑器,因为它能够将文件映射回实际项目在磁盘上的位置。
翻译自: https://css-tricks.com/video-screencasts/174-using-local-overrides-in-devtools/