本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地模拟的实际生产效果）： 当你

写 react 项目的小伙伴应该都用过 antd 组件库，但绝大多数同学并没有看过它的源码。 而想深入掌握 antd 组件库，只熟悉参数是不行的，必须要深入到源码层面。 所以今天就来分享下如何调试 a