ai95

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

首先通过游览器运行代码,摁F12或者右键“检查”打开开发者工具,找到Sources,双击打开你要调试的文件,找到你要调试的代码,在开头的行号点一下就打好了断点。打好断点以后我们需要刷新一下,刷新完就会如图所示将会被激活才能看到调试过程。

当以上步骤做完后,右侧调试键才会被激活,如图所示:

button-0.png:恢复断点调试、常用在一个方法调用多个js文件(适用冗长js代码使用)、点击这个会直接跳转到下一个断点(逐过程执行)
button-1.png:停止断点调试
button-2.png逐语句执行,每点击它一次,js语句就会往后执行一句,快捷键-F10
button-3.png:进入函数内部、单步执行下一个函数调用
:跳出当前函数调用

点击将会逐步执行我们的js代码,我们还可以在Watch里面输入我们要观察的值例如“i”、“sum”等从而观察到运行的状态,找出问题。

 

posted on 2020-04-01 14:58  ai95  阅读(224)  评论(0)    收藏  举报