前端调试技巧

原创 苏秦陶侃 教程 浏览器调试 1543阅读 2017-12-21 16:56:31 举报
1.debugger

代码中直接写debugger,代码在执行过程中会直接停在debugger处

前端调试技巧

2.以表格的形式查看复杂的对象,console.table()

前端调试技巧

3.在pc端模拟调试移动设备

前端调试技巧

4.查看程序执行时间console.time()方法和console.timeEnd()

前端调试技巧

前端调试技巧

5.查看函数调用的轨迹

一种是使用console.trace命令:

前端调试技巧

前端调试技巧
另一种是在浏览器打断点:

前端调试技巧

6.解压缩代码以便更好地调试 JavaScript,比如jQuery.min.js文件

前端调试技巧

前端调试技巧

7.快速定位引起元素变化的js代码

有时候需要知道元素状态的变化是哪里的js控制的,有以下两种方法可以快速定位

前端调试技巧

8.查看dom元素绑定的事件

前端调试技巧

评论 ( 3 )
最新评论
13077923358 2017-12-30 18:40:47 3F

赞,已收藏。

苏秦陶侃 1F 2017-12-28 22:39:15 2F

恩恩,大家互相学习

zjk001 2017-12-28 16:28:37 1F

不错不错 有学习到