js之断点调试步骤

JavaScript015

js之断点调试步骤,第1张

1.打开检查,在sources找到对应的js文件,打上断点

2.刷新页面出现灰色区域表示进入调试模式

3.上面的按钮表示下一步也可以使用快捷键f10

4.上面的按钮表示终止本次调试(终止不了可以多点几次),但是刷新依然会进入调试模式

5.点击上面的蓝色按钮,表示取消断点,再次刷新页面就不会进入调试模式

方案一: 在script代码的头部或者尾部加上//@ sourceURL=xxx.js,然后在(no domain)里面找到它进行调试,如果使用firefox浏览器,直接在debug中就可以找到xxx.js

方案二: 将js的异步加载换成为同步加载

第一种方案非常方便。

F12打开控制台,在tab中点击Sources选项;

然后在左侧的目录树中选择js文件,右侧窗体展示js文件内容;

然后在对应的行打断点,代码运行到断点处,就可以了.