javascript断点调试
来源:互联网 发布:java 开发棋牌类游戏 编辑:程序博客网 时间:2024/05/18 02:43
一、方法1
1.断点文件位置
打开chrome,找到Sources,在一堆的文件夹里面找到你要调试的js文件,打开它:
下面是html前端展示:
2.打断点
当你运行代码的时候,例如:操作搜索按钮点击事件,出现未知问题。
首先,给Sources里面的js文件打断点。点击你要调试的代码的行数,发现行数会被标记为蓝色(chrome),这说明已经成功打断点了,恭喜你成功了第一步。
3.断点调试
对断点进行调试,首先观察我们标记的断点,在点击事件内部,这个时候我们应该怎么做才能触发这些断点?
是的,去触发它,点击搜索按钮,触发这个方法,这样断点才会被执行到。
下图就是点击搜索按钮,我们先不在时间选择器上输入值,点击搜索,触发断点,进入调试状态。
下面是调试状态时的一些实时数据显示,在最右侧的状态栏中,scope -> local
,看到一些信息,otime是断点150行的调试信息,这里显示是undefined对吧,这个是因为我们没有在时间选择器上输入有效值。
下面接着调试,这次输入时间。这时再看,在scope -> local
展示的信息,是我们想要得到的otime的变量,而在 断点150行,也会看到有信息展示。
当然,我们可以用另外的方法去看这个时候otime的值,在控制台中(console)输入你想要查看的变量,回车,会看到你想要的结果。
4.逐语句执行
我们会看到在调试界面的上方,有个悬浮框,首先看最右边的按钮。
鼠标悬浮,会出现一段英语step over next function call
(单步执行函数调用),可以理解为逐步执行
或者逐语句执行
,点击这个按钮。
我点击两次之后,会发现调试进行到了152行,右侧的scope -> local
展示的也是实时变量
——– 未完待续 ——-
- 下断点调试JavaScript
- JavaScript断点调试方法
- javascript断点调试
- MyEclipse断点调试 ,JavaScript断点调试
- MyEclipse断点调试JavaScript浅析
- javascript断点设置和调试
- JavaScript断点调试高级教程
- JavaScript调试技巧之:断点调试
- JavaScript调试技巧之:断点调试(1)
- JavaScript调试技巧之:断点调试(1)
- JavaScript调试技巧之:断点调试(2)
- JavaScript调试技巧之:断点调试
- JavaScript调试技巧之:断点调试
- JavaScript调试技巧之:断点调试
- chrome JavaScript 断点设置和调试技巧
- 使用Chrome调试JavaScript的断点设置和调试技巧
- Chrome调试JavaScript的断点设置和调试技巧
- 使用Chrome调试JavaScript的断点设置和调试技巧
- GPU 版 TensorFlow failed to create cublas handle: CUBLAS_STATUS_ALLOC_FAILED
- spring boot caffeine cache 缓存学习
- 使用javascript获取父级元素
- 第五章 标准I/O库 课后练习题
- [数位DP + AC自动机] Codeforces #434C. Tachibana Kanade's Tofu
- javascript断点调试
- 复用类
- POJ2369
- Android高级的总结
- 【常识】户型图要怎么看?买房时销售员不会说的注意事项
- 使用localstorage.setItem()存储对象
- 基于Echart.js一点总结
- 12槽位PCIe扩展箱
- android视频播放器缓存