chrome浏览器断点调试js代码和 idea断点调试java代码

文章目录

chrome调试js代码
idea调试java代码

chrome调试js代码

Chrome调试快捷键总结

快捷键	功能
F10 （step over）	单步调试、步过，遇到函数时也当成一个语句执行，不会进入函数内部
F11 （step into）	单步调试、步入，遇到自定义函数时就跟入到函数内部
Shift + F11 （step out）	步出，跳出当前自定义函数
F8	跳转到下一个断点开始处，如果不存在下一个断点，则恢复程序
Ctrl + B	打断点 / 取消断点
Ctrl + F8	取消所有断点

1、chrome浏览器，按F12，打开开发者工具

2、选择"Sources" 选项卡，在Sources面板中选中要调试的js文件，双击该文件就会在右侧打开该文件，然后在打开的文件中，用鼠标点击代码的行号，即可设置调试断点
cd4356

3、刷新页面，触发执行断点处的代码，代码执行就会在断点处停下来。然后按F10进行单步调试，（F10表示step over步过，意思是指在执行某个语句时，遇到自定义函数，它不会进入函数内部，而是将其当成一个语句执行），比如，在5号语句中，有一个getQueryString()自定义函数，那么按F10就会直接执行到6号语句，而不会进入到getQueryString()函数内部，在按F10就会执行到7号语句 . . .

语句执行后，会在执行了的语句右侧显示执行结果，如果该语句含有变量，那么可以将鼠标移动到变量上，就会显示该变量的值，如果语句没有执行，鼠标移动到该语句变量上，会显示undefined
cd4356
cd4356

4、执行到5号语句时，按F11就会进入到getQueryString()函数内部。然后可以按F10依次单步执行函数内的语句，语句执行完后或不需要调试该函数的语句了，可以按Shift F11 跳出当前函数，回到进入该函数的语句
cd4356

5、按F8，跳转到下一个断点开始处。比如第一个断点执行到第8号语句了，那么按F8，就可以跳转到下一个断点的开始处，即20号语句处
cd4356

idea调试java代码

idea调试快捷键总结

快捷键	功能
Shift + F9	启动调试
Ctrl + Shift + F8	查看所有断点
F8	步过单步调试，执行一行语句，且遇到方法时，不会进入到方法内部。
F7	步入单步调试，遇到自定义方法时，会进入方法内进行调试；但遇到系统提供方法时，不会进入方法内
Shift + F7	选择要进入的方法
Alt + Shift + F7	强制单步调试，遇到方法时，会进入方法内进行调试，不管是自定义方法，还是非自定义方法
Shift + F8	步出，即从步入的方法内退出到方法调用处
F9	运行到下一个断点或执行完程序
Alt + F9	运行到光标定位处
Alt + F8	打开Evaluate面板，执行表达式查看结果
Ctrl + F8	设置或取消光标定位行断点

启动调试

1、先在要测试的代码的行号上，打上断点，比如我这里在240行和 243行上打上了断点。然后启动调试。
cd4356

查看所有的断点

2、 Ctrl + Shift + F8 ，查看所有的断点，由Breakpoints面板可知，有两个断点，分别在240行和 243行上。我们也可以通过Breakpoints面板来取消所有断点。
cd4356

除了 Ctrl + Shift + F8 快捷键外，还可以点击 View Breakpoints 按钮，打开Breakpoints面板，来查看所有断点

禁用所有断点

3、点击 Mute Breakpoints 按钮禁用所有断点，（是禁用，不是取消哈）
cd4356

步过单步调试

4、 F8 ，步过单步调试，执行一行语句，且遇到方法时，不会进入到方法内部。

比如，按 F8 后，从240行语句，执行到241行语句，执行结果会在语句右侧显示。
除了 F8 快捷键外，还可以点击 Step over 按钮来进行步过单步调试

步入单步调试

5、 F7 ，进行步入单步调试，执行一行语句，遇到自定义方法时，会进入到方法内部进行调试（遇到非自定义方法不会进入）。

如果某行语句中，含有多个自定义方法，则按 F7 快捷键会先进入到第一个方法中（如sum()方法），第一个方法调试完后，会跳出该方法，会回到该方法的调用语句中（如242行语句），然后再进入下一个方法中（如sum2()方法）。
除了 F8 快捷键外，还可以点击 Step into 按钮来进行步入单步调试