浏览器开发工具是我们前端开发人员日常开发使用最频繁的工具之一，其中Sources面板是用于调试JavaScript的强大工具，熟练掌握可以快速帮我们定位问题所在，提高开发效率。

如何调适线上代码 这篇文章来分享下如何调试线上的代码 什么时候需要调试线上的代码呢，当线上代码出现 bug 的时候，需要定位问题，就需要一步一步调试代码来确认问题，但是线上代码都是构建之后的代码，很难

Chrome 团队的 Jecelyn Yeen分享现代Web中调试应用的一些Tips💡，内含DevTools开小灶内容。

前言 不管是我们Vue还是React项目，线上都是通过Webpack或Vite编译压缩之后的代码，比如： React项目： Vue项目： 这就导致了一个问题：一旦线上出现bug时，首先我们不知道问题是