javascript调试的几个常用技巧
分类:实例代码
本章节分享几个常用的前端技巧,需要的朋友可以做一下参考。
一.使用debugger;打断点:
使用此语句可以在指定位置打一个断点,代码如下:
function reverse(string) { if (string.length == 0) { debugger; return string; } else { return reverse(string.substring(1, string.length)) + string.substring(0, 1); } } var str = "pipipi.net"; console.log(reverse(str));
效果截图如下:
其实我们使用手动方式进行打断点,截图如下:
二.DOM节点发生变化时候的断点:
=我们也可以监控DOM节点的一些变化,比如属性变化,是否被删除等。
使用谷歌浏览器也可以为其打一个断点,截图如下:
三.Ajax断点:
XHR断点,或Ajax断点,就像名字一样,可以设置一个断点,在特点的Ajax调用发生时触发它们。
当在调试Web应用的网络传输时,这一招非常的有效。
四.Audits获取改进意见:
谷歌浏览器的开发者工具里也有一个非常类似YSlow工具,叫Audits。
它可快速的审计你的网站,给你提出非常实际有效的优化你的网站的建议和方法。
网站出售中,有意者加微信:javadudu