如何在浏览器中调试JS代码，debug

如何在浏览器中调试JS代码，debug

首先需要一段js代码，我将它放进html文件里面：

创建一个html文件，

我们在浏览器打开这个html文件，推荐谷歌浏览器，在浏览器页面中按下F12键，就能看见下图所示的窗口：

看见图中红色箭头指向的Sources,点它。

如图操作，点击open file，打开你写代码的那个文件，然后鼠标点击代码行前面的数字处就可以设置断点了（不知道断点是什么的请自行搜索）。

设置好断点之后就按下F5键，就能运行程序了，如图红色框框（中间和右面），可以看见各部分变量的值。

然后代码运行到第一个断点处停止，并在右面和界面里显示变量数值，想要继续运行，点击右上方的蓝色小箭头，如图：

然后就是自己看自己的代码啦。

另外除了这种方式也可以用js 的debugger、console.log（）来进行调试辅助，具体的可以自己去搜啦。

over~