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文件,双击该文件就会在右侧打开该文件,然后在打开的文件中,用鼠标点击代码的行号,即可设置调试断点
3、刷新页面,触发执行断点处的代码,代码执行就会在断点处停下来。然后按F10进行单步调试,(F10表示step over步过,意思是指在执行某个语句时,遇到自定义函数,它不会进入函数内部,而是将其当成一个语句执行),比如,在5号语句中,有一个getQueryString()自定义函数,那么按F10就会直接执行到6号语句,而不会进入到getQueryString()函数内部,在按F10就会执行到7号语句 . . .
语句执行后,会在执行了的语句右侧显示执行结果,如果该语句含有变量,那么可以将鼠标移动到变量上,就会显示该变量的值,如果语句没有执行,鼠标移动到该语句变量上,会显示undefined
4、执行到5号语句时,按F11就会进入到getQueryString()函数内部。然后可以按F10依次单步执行函数内的语句,语句执行完后或不需要调试该函数的语句了,可以按Shift F11 跳出当前函数,回到进入该函数的语句
5、按F8,跳转到下一个断点开始处。比如第一个断点执行到第8号语句了,那么按F8,就可以跳转到下一个断点的开始处,即20号语句处
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行上打上了断点。然后启动调试。
查看所有的断点
2、 Ctrl + Shift + F8
, 查看所有的断点,由Breakpoints面板可知,有两个断点,分别在240行 和 243行上。我们也可以通过Breakpoints面板来取消所有断点。
- 除了
Ctrl + Shift + F8
快捷键外,还可以点击View Breakpoints
按钮,打开Breakpoints面板,来查看所有断点
禁用所有断点
3、点击 Mute Breakpoints
按钮禁用所有断点,(是禁用,不是取消哈)
步过单步调试
4、 F8
,步过单步调试,执行一行语句,且遇到方法时,不会进入到方法内部。
- 比如,按
F8
后,从240行语句,执行到241行语句,执行结果会在语句右侧显示。
- 除了
F8
快捷键外,还可以点击Step over
按钮来进行步过单步调试
步入单步调试
5、 F7
,进行步入单步调试,执行一行语句,遇到自定义方法时,会进入到方法内部进行调试(遇到非自定义方法不会进入)。
-
如果某行语句中,含有多个自定义方法,则按
F7
快捷键会先进入到第一个方法中(如sum()方法),第一个方法调试完后,会跳出该方法,会回到该方法的调用语句中(如242行语句),然后再进入下一个方法中(如sum2()方法)。
-
除了
F8
快捷键外,还可以点击Step into
按钮来进行步入单步调试
选择要进入调试的方法
6、如果某行语句中含有多个自定义方法,可以通过 Shift + F7
快捷键选择要进入调试的方法
强制步入任何方法
7、 Alt + Shift + F7
,强制进入任何方法(自定义方法 / 官方类库方法)
- ps:比如,代码运行到246行后,按
Alt + Shift + F7
后,会强制进入到replace()方法中 (replace()是String类提供的方法,是非自定义的)
步出
8、 Shift + F8
,从步入的方法内退出到方法调用处,此时方法已执行完毕,只是还没有完成赋值
- ps:比如,代码运行到242行时,按
F8
或Alt + Shift + F7
进入到sum()方法内部后,按Shift + F8
可以退出当前方法回到242行代码处
运行到光标定位处
9、Alt + F9
,运行到光标定位处。
- ps:代码只是运行到242行,那么将光标定位到246行,然后按
Alt + F9
快捷键,则代码就会运行到246行中
- 除了
Alt + F9
快捷键外,还可以点击Run to Cursor
按钮运行到光标定位处
运行到下一个断点
10、 Shift + F8
,运行到下一个断点
- ps:代码运行在241行处,按
Shift + F8
快捷键后,会直接运行到246行处
- 除了
Shift + F8
外,还可以按Step Out
按钮运行到下一个断点
11、 Alt + F8
,打开Evaluate面板,执行表达式查看结果
查看变量
12、鼠标悬停在变量上大概1秒,显示变量结果
13、按 Ctrl + F8
,设置或取消光标定位行断点
更多推荐
所有评论(0)