总结一下前端使用谷歌浏览器调试的时候一些小技巧,欢迎补充。

调试,是在项目开发中非常重要的环节,不仅可以帮助我们快速定位问题,还能节省我们的开发时间。熟练掌握各种调试手段,定当为你的职业发展带来诸多利益,但是,在如此多的调试手段中,如何选择一个适合自己当前应用场景的,这需要经验,需要不断尝试积累。

1.使元素保持:hover状态

场景(修改hover时元素的样式时):
在这里插入图片描述

2.Event Listener Breakpoints

事件监听器断点,即根据事件名称进行断点设置。当事件被触发时,断点到事件绑定的位置。事件监听器断点,列出了所有页面及脚本事件,包括:鼠标、键盘、动画、定时器、XHR等等。极大的降低了事件方面业务逻辑的调试难度。
在这里插入图片描述

3.用Chrome格式化压缩后的js文件

调试时为了更方便看清代码结构
在这里插入图片描述
4.复制返回的json数据
在这里插入图片描述
json格式化连接:https://1024tools.com/json

发布了54 篇原创文章 · 获赞 21 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/qq_42816550/article/details/93322211