1. 在浏览器中打开需要调试的代码后,F12→sources→双击需要调试的文件→点击行号打断点(如图)
2. 在需要验证的逻辑处打断点,再次刷新页面,常用以下快捷键调试程序:
F8以断点为步长执行代码(注意,下一步也可能是当前断点处);
F10以“语句”为步长执行代码;
3. 如果在调试过程中想观察某个变量的动态变化,选中该变量并“Add selected text to watches”,即可在右侧watch出监视该变量(也可以点“+”输入变量名添加)。
1. 在浏览器中打开需要调试的代码后,F12→sources→双击需要调试的文件→点击行号打断点(如图)
2. 在需要验证的逻辑处打断点,再次刷新页面,常用以下快捷键调试程序:
F8以断点为步长执行代码(注意,下一步也可能是当前断点处);
F10以“语句”为步长执行代码;
3. 如果在调试过程中想观察某个变量的动态变化,选中该变量并“Add selected text to watches”,即可在右侧watch出监视该变量(也可以点“+”输入变量名添加)。