Chrome DevTools 中一些非常实用的功能和调试技巧

1. 1. 保留日志
2. 2. 代码覆盖率
3. 3. 显示重绘
4. 4. 检查动画
5. 5. 截图
6. 6. Local Overrides
7. 7. 全局搜索代码
8. 8. 事件监听器的断点
9. 9. DOM 操作的断点
10. 10. 异步请求的断点
11. 11. CSS Overview
12. 12. CSP 违规断点
13. 13. 新的字体编辑器工具
14. 14. 双屏模式
15. 15. 完整的可访问性树视图
16. 结语

今天来分享 Chrome DevTools 中一些非常实用的功能和调试技巧！

1. 保留日志

当我们刷新完页面之后，通常控制台的 Console 面板就会被清空。如果想保留控制台的日志，就可以在设置中勾选 Preserve log 选项以保留控制台中的日志。

结语

以上就死今天为大家分享的关于前端开发使用 Chrome DevTools 调试的一些非常实用的功能和调试技巧，希望对大家有用。