如何通过Chrome打断点的方法调试代码

1.在浏览器中打开需要调试的代码后，F12→sources→双击需要调试的文件→点击行号打断点（如图）

2.在需要验证的逻辑处打断点，再次刷新页面，常用以下快捷键调试程序：

F8以断点为步长执行代码（注意，下一步也可能是当前断点处）；

F10以“语句”为步长执行代码；

3.如果在调试过程中想观察某个变量的动态变化，选中该变量并“Add selected text to watches”，即可在右侧watch出监视该变量（也可以点“+”输入变量名添加）。