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。

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

前端教程

回复

我来回复
  • 暂无回复内容