引言 最近老大在cr我代码时，我就静静坐在他旁边看他装逼。他一顿断点+抓包+各种骚操作给我看楞了，我没忍住就让他手把手教我，他就和我在一个小屋子里xxxx了几个小时，他手法太快了俺看一遍就忘了，于是乎

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

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

本文尝试通过结合实际开发经验，来为大家介绍一些常用的 chrome 开发者工具的使用，希望能够帮助到大家。