接着上一篇文章
网络状况工具
可以模拟各种网络状况，3G,4G, 断网环境，在模拟一些弱网的环境比较有用，还可以模拟请求的 ua，特别是验证在京东app 内的一些判断条件有用
网络
一些网络上的小技巧，比如可以把某条请求给屏蔽掉，这样可以模拟某些接口挂了的情况，看看页面是否有兜底情况
最重要的就是性能工具了
这是概览图刚进去一眼懵逼，我下面单独讲下各个小模块的功能
头部模块
蓝色：CUP
绿色：网络部分（很小区域）和截图
红色：内存情况
网络部分
每一个网络请求的时间和关联关系，不同颜色代表不同的请求
帧数
每一帧的渲染情况：间隔越大说明卡，fps 掉帧了，途中的黄色部分就是在掉帧
时间：
时间就是给几个性能指标进行展示，你可以点击查看具体的时间点，和 LCP(最大内容绘制)的具体时间点
布局偏移
也是性能指标里面比较重要的一个数据，没有一次偏移都会有个色块，点击色块会显示那个节点偏移了
主要（火焰图部分）
这块主要展示的是浏览器绘制过程中的各种任务的执行，他把任务切分成一块一块的，每个任务最好是 50ms完成，要不就会抛红，洗面的图就是讲一个完整的绘制过程，js 解析->样式计算->布局->预选绘制->绘制->分层->提交。最后呈现给用户
总结：
开发工具其实有很多好玩的东西，先讲这么多吧
