chrome浏览器调试⼯具的使⽤
chrome浏览器调试⼯具的使⽤
给⼤家介绍⼀下最基本的浏览器调试⼯具
这个就是chrome浏览器的调试界⾯，怎么调出来⼤家都知道吧
第⼀个箭头是，选择元素，激活后，在页⾯中⿏标移动到那地⽅，下⾯的Elements窗⼝会⾃动移动到相应的代码段
第⼆个⼿机就是切换到⼿机界⾯
1.Elements是显⽰页⾯代码的窗⼝
3.Sources是调试窗⼝，这⾥⽤的最多的就是断点调试了
：这个箭头是继续执⾏脚本的命令，如果后⾯还有断点，直接执⾏到后⾯的断点，没有断点直接执⾏到代码最后⾯
这个图标的作⽤是，直接执⾏完函数进⾏下⼀步，不进⼊函数
这个箭头是指进⼊函数逐步执⾏函数
这个箭头是跳出函数
这个是注释断点，和代码的注释⼀样，仍旧显⽰但是不起作⽤，这样就不需要在调试未完成的时候想要跑⼀编程序，挨个把断点删除，然后再添加了
这个图标激活之后，在代码出错之后会直接跳转到代码出错的那⼀⾏
两种断点
普通断点
这种蓝⾊的断点是普通的断点
条件断点
这种黄⾊的断点是条件断点，可以让函数直接跳转到你设置的条件那⼀步
添加条件断点
刷新页⾯后直接跳转到 i = 50的那⼀步
注意：是i==50；如果是i=50就是赋值运算了
监视窗⼝
可以选中变量后右键add to watch
在⼀种⽅法就是直接在wtach窗⼝添加
chrome浏览器是什么浏览器图标
最后介绍的⼀个就是请求的窗⼝
这个窗⼝会保存所有请求的数据
这个是可以限速的，可以测试页⾯在不同的⽹速下打开的速度
直接点开下⾯的请求可以查看请求的详细信息

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。