美文网首页
断点调试

断点调试

作者: 潘肚饿兵哥哥 | 来源:发表于2019-06-21 18:56 被阅读0次

\color{rgba(254, 67, 101, .8)}{断点调试}

\color{rgba(254, 67, 101, .8)}{断点调试可以帮我们观察程序运行的过程}

1.浏览器按F12
2.点击sources
3.找到要调试的文件,双击此文件
4.在程序的某一行的行号处设置断点,然后刷新浏览器,浏览器刷新过后会一直在转圈,就表示已经开始在执行代码了,只不过此时是卡在了代码的某一处,所以一直转
5.此时鼠标放到变量上去,就会看到变量执行到了几

image.png

或者不用鼠标放到i上去,点击watch后面的 + 号,然后输入要查看的变量,就会显示出此时变量的值

image.png image.png

此时可以看到,在sourse中,i的值已经跳到了7,而在console中,也输出了6次你好吗

watch:监视,通过watch可以监视变量的值的变化
F11:程序单步执行,让程序一步一步的执行,这个时候,观察watch中变量的值的变化。
打断点是调试BUG的重要手段

\color{rgba(254, 67, 101, .8)}{如果要退出代码调试,再点一次行号,就取消调试了}

相关文章

  • Android Studio调试

    参考 断点调试 实用调试 总结:断点调试有step into step out 等 实用调试:条件断点、日志断点、...

  • linux编程入门(七)-使用gdb调试程序

    程序开发离不开调试,可以断点调试,也可以打log调试,linux下断点调试c,c++程序用gdb。 断点调试虽然很...

  • Flutter开发调试

    代码开发后出问题都会需要调试,调试方法很重要。 1. 断点调试 断点调试跟大家熟悉的 Chrome 的断点调试基本...

  • Java基础语法_Day12

    一、Eclipse断点调试 Eclipse断点调试概述 Eclipse的断点调试可以查看程序的执行流程和解决程序中...

  • debug

    1 调试1.1 调试方式1.2 调试过程中的功能键的作用2 调试模式的断点2.1 断点类型2.2 静态断点2.3 ...

  • unity3d之调试模式

    断点调试 设置断点 在下图的位置双击,设置或者取消断点 启动调试模式 选择调试->开始调试或者按F5快捷键: 然后...

  • Xcode编程 详细断点补充

    只会左键断点?是时候试试这样那样断点了 编码不能没调试,调试不能没断点(Break Point)。XCode的断点...

  • 代码调试

    过去调试JavaScript的方式 alert() console.log() 断点调试 断点调试是指自己在程序的...

  • pycharm断点调试

    pycharm断点调试 断点 和 调试 断点调试是在开发过程中常用的功能,能清楚看到代码运行的过程,有利于代码问题...

  • iOS - NSLog打印(精准打印)

    常用的NSLog的语句 在iOS开发过程中,调试是很重要的过程,而除了各种断点调试(普通断点、条件断点、全局断点)...

网友评论

      本文标题:断点调试

      本文链接:https://www.haomeiwen.com/subject/ngkyqctx.html