前端开发调试方法基本技巧

前端开发调试方法|前端开发者
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元素绑定的事件
前端开发调试方法|网站前端开发

https://www.rokub.com

» 本文来自:前端开发者 » 《前端开发调试方法基本技巧》
» 本文链接地址:https://www.rokub.com/2972.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!