随笔 - 934, 文章 - 0, 评论 - 249, 阅读 - 345万

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

chrome的开发者工具中,单步调试script

Posted on   蝈蝈俊  阅读(58)  评论(0编辑  收藏  举报

选择 Sources 标签

在开发者工具中,点击顶部菜单中的“Sources”选项卡。

注意:
在切换到“Sources”选项卡后,默认是没有源码的,需要再次刷新下页面,才能看到对应的源码,才能设置断点。

设置断点:

在你想要暂停执行的代码行上,点击行号旁边的空白区域,这将在那一行上设置一个断点。

常见的几个调试按钮

第一个按钮(继续/暂停脚本执行)

当代码暂停时,点击这个按钮将继续执行代码直到下一个断点或脚本结束。

第二个按钮(单步执行/Step Over)

点击这个按钮会让调试器执行当前代码行,并移动到下一行。如果当前行是一个函数调用,函数体内的代码会被跳过,而只是执行整个函数。

第三个按钮(进入/Step Into)

点击这个按钮会让调试器进入函数调用。如果当前行包含一个函数调用,调试器会进入函数体内,并暂停在函数体的第一行。

第四个按钮(跳出/Step Out)

点击这个按钮会让调试器执行完当前函数,返回到调用该函数的地方并暂停。

第五个按钮(继续到下一个断点/Step)

这个按钮会继续执行代码,直到下一个断点或脚本结束。

第六个按钮(禁用/启用所有断点)

点击这个按钮可以禁用或启用所有断点。如果禁用断点,脚本将不会在任何断点处暂停。

通过这些按钮,你可以更灵活地控制代码的执行顺序,进行详细的调试工作。

相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
历史上的今天:
2023-05-20 小改变带动大变革的 EAST 框架 - 简化、吸引力、社会性、及时
点击右上角即可分享
微信分享提示