浏览器断点调试

背景：

工作中线上项目出问题，需要进行调试。 以前都是在本地运行源代码，然后一行行去调试，觉得没问题了再去更新线上代码，但是这种效率是很低的。最好的办法是可以直接找到线上项目出现问题的地方，然后直接修改源代码，再进行更新。 所以，需要找到进行线上代码调试的方法。

线上调试：

以chrome浏览器进行断点调试。步骤如下：

步骤一：打开浏览器控制台，选择source（源代码）面板

步骤二：点击三个点图标，选择打开文件，选择自己需要调试的文件

步骤三：在需要调试的文件打上断点即可