按F12打开网页调试工具，默认打开的是Elements，显示的是网页标签元素。选择Source，在左侧找到对应的js代码文件（这里是在page标签上找到的）
在需要打断的代码上打断点（打断点时代码会执行到这个位置为止，但不会执行这段代码，比如下图在53行打断点，就不会执行53行的代码，此时的strArr为undefined）
刷新浏览器或者点击触发事件就能执行代码，开始调试
鼠标停留在某一变量上可以看到变量在执行到该断点时的值。
在最右侧的状态栏中，scope上可以看到执行到该断点时的各个变量的值
执行断点时可以选中观察到红箭头指向的几个按钮。当你设置好断点开始运行的时候，
第一个按钮就会变成一个三角形，当你点击该三角形开始运行的时候，程序就会自动一次性往下执行，直到运行到下一个断点的位置，若下面没有断点，它就会自动运行至结束。
第二个按钮是逐行执行（也可以说是逐过程执行），如果这一行调用了一个函数，会一次性执行函数得到结果，而不会跳转到函数内部去执行函数的过程
第三个按钮也是逐过程执行，一行一行地执行，只是当这一行是一个函数的时候，他会自动跳转到函数内部的
第四个按钮是跳出该函数
第五个按钮，是忽略所有断点，自动执行至结束。