工欲善其事，必先利其器
背景
遇到一个胶水层项目，需要复用公司已有的组件，调研并复用接口。通过Network和Source全局检索方法，快速定位到接口和接口实现相关代码。发现利用好chrome控制台的小功能，开发真的可以事半功倍。所以整理一下自己常用的chrome控制台调试技巧。
Network
1.模拟断网和网络环境差的场景
2.浏览器是否禁用缓存控制
3.过滤资源类型
4.保留上一次页面加载请求记录
5.快速检索
Source
1.查找文件
2.格式化
3.断点测试
4.全局查找代码
Element
select
dom区域右键进行配置
选中状态，修改样式
Performance
性能查看面板，点击下面红框内的录屏图标，开始录屏当前页面运行性能情况，可以随时开始随时停止
性能录屏
lighthouse
点击Genrate report，生成产品相关指标报告和具体分析信息，这个应该是新版本chrome的功能，感觉很高大上
网站指标报告
