浏览器怎么调试代码

1、用浏览器打开需要调试的网页。

2、找到键盘的F12，点击F12，打开调试界面。

3、找到浏览器上面的Network选项点击，然后按F5刷新界面，弹出网页的所有资源，包括js文件，库文件等等。

4、找到Sources，这里的左边是项目的树形图，在里边可以找到代码，可以断点调试，单步调试等。

5、找到Console选项，这里是程序的输出，需要代码调试时可以加console来输出内容，在这里可以查看。

6、再次点击F12退出调试模式。