浏览器js调试工具
这个就是chrome浏览器的调试界面,怎么调出来大家都知道吧
console是浏览器控制台,可以直接在里面写js代码
Sources是调试窗口,这里用的最多的就是断点调试了
:这个箭头是继续执行脚本的命令,如果后面还有断点,直接执行到后面的断点,没有断点直接执行到代码最后面
这个图标的作用是,直接执行完函数进行下一步,不进入函数
这个箭头是指进入函数逐步执行函数
这个箭头是跳出函数
这个是注释断点,和代码的注释一样,仍旧显示但是不起作用,这样就不需要在调试未完成的时候想要跑一编程序,挨个把断点删除,然后再添加了
这个图标激活之后,在代码出错之后会直接跳转到代码出错的那一行
断点
普通断点
这种蓝色的断点是普通的断点
条件断点
这种黄色的断点是条件断点,可以让函数直接跳转到你设置的条件那一步
添加条件断点
刷新页面后直接跳转到 i = 50的那一步
注意:是i==50;如果是i=50就是赋值运算了
监视窗口
可以选中变量后右键add to watch
在一种方法就是直接在wtach窗口添加
网友评论