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。

它可快速的审计你的网站，给你提出非常实际有效的优化你的网站的建议和方法。