有哪些 JS 调试技巧
1个回答
展开全部
单步：必备技能，step-over, step-into, step-out，配合各种断点，各种debugger;简直不要太爽。
Profile：可以收集程序的函数调用时间和次数，不过对于网页用处并不像其他程序那么有用。但是，曾经有一次做一个IE6上的WEB应用，靠着它的profile工具（没错，我当时才知道IE6也有调试器甚至有profile工具！）硬生生的把UI的点击响应时间平均从300毫秒以上、极端的一两秒，给找到症结所在，压到了平均70ms。
Timeline：可以看每一帧所花的时间在渲染上还是在script上，如果发现一帧时间超过1/60s那就可能掉帧了，同时也可以看这一段时间内有多少时间在script上，有多少时间在重绘，在做一些富交互的应用时会比较有用。
DOM Break Point：比较有用的是在一个节点的attribute或者子树被修改时，触发断点，当你进行团队合作，找不到一个元素莫名其妙被谁的代码修改了，一个断点抓现行，
Profile：可以收集程序的函数调用时间和次数，不过对于网页用处并不像其他程序那么有用。但是，曾经有一次做一个IE6上的WEB应用，靠着它的profile工具（没错，我当时才知道IE6也有调试器甚至有profile工具！）硬生生的把UI的点击响应时间平均从300毫秒以上、极端的一两秒，给找到症结所在，压到了平均70ms。
Timeline：可以看每一帧所花的时间在渲染上还是在script上，如果发现一帧时间超过1/60s那就可能掉帧了，同时也可以看这一段时间内有多少时间在script上，有多少时间在重绘，在做一些富交互的应用时会比较有用。
DOM Break Point：比较有用的是在一个节点的attribute或者子树被修改时，触发断点，当你进行团队合作，找不到一个元素莫名其妙被谁的代码修改了，一个断点抓现行，
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
