断点快捷键
F9插入断点;再次按F9是删除断点;
==Ctrl+F9:禁用断点 ==
Ctrl+Shift+F9-删除所有断点
F5:调试快捷键;
Shift+F5:停止调试;
F11:进入函数体中;————逐渐深入
Shift+F11:跳出函数体;
F10:一行一行调试;————常用
用法
最基本的使用就是在你的左侧去点击断点,进而使用
可以用来定义问题出现在那一块,也就是运行到断点位置后停住,通过输出窗口输出情况判断问题的所在 以及如何解决
如果F10快速按住,就去拖动黄色箭头去拖到你没有看到的那一行
手动设置或删除一个断点
如果在界面中不会使用的话,在最上方有一个调试的地方,点开进而去查看
查看数据,可以在你想要看的那行数据中点击查看数据,也可以在VS下面可以查看
前台断点调试(vue)
console
console.log
输出数值
console.debug
打印调试信息
console.time
console.timeEnd
进行时间计时
console.profile
和 console.profileEnd
进行性能测试
控制台 console.log 无法实时打印出引用类型的值
console.log 都会去截取快照,但是如果俩个修改引用类型的顺序和时间十分的接近,这个 console.log 会显示修改后的元素属性
打印时,JSON.stringfy JSON.parse 组合使用可输出当前对象的值
debuger
调试的意义在于检测每一行,每一个函数,每一个模块是否符合自己预期来执行。
其中断点调试通常通过恢复运行状态(继续执行)来快速定位bug在哪一个大的模块。
而单步调试一般是在断点调试的状态下,去具体的定位哪一行代码有bug。