JS技术

javascript 调试: javascript调试技巧之:快速定位

字号+ 作者:H5之家 来源:H5之家 2015-09-11 09:10 我要评论( )

赶紧总结一下javascript的调试技巧,这次首先是“快速定位”篇。 快速定位,其实就是快速定位程序的错误,所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试。


赶紧总结一下javascript的调试技巧,这次首先是“快速定位”篇。
快速定位,其实就是快速定位程序的错误,所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试。关于常用的快速定位方法,我总结了一下几点,欢迎大家补充。
1. 使用alert
alert其实比较实用。本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看看一个对象中的属性和它的值吗,试试这个:
var str = "", i;
for (i in obj) {
str += i + ": " +obj[i] + "\n";
}
alert(str);
javascript: alert(document.getelementsbytagname("a").length);
javascript: deletefirstchildnode();
(1? location.tostring


chrome错误控制台
ie8错误查看器


opera错误控制台
查看js对象
查看dom对象
在runtime执行脚本
2. 使用地址栏
使用地址栏,输入javascript: dosomething(),可以在runtime时输出或者执行一些代码。输出东西时也使用alert,例如在地址栏输入:
可以输入当前的document下的链接数量。如果想执行已经加载的自定义函数,可以输入例如:
3. 错误查看器
最快捷的错误查看器当属firefox的错误控制台,快捷键ctrl+shift+j。在你觉得脚本执行不正常时,首先按一下这个快捷键,往往能立刻知道哪里出了问题,并且点一下就能到问题脚本所在的位置,非常方便,强烈推荐!
4. 用浏览器的扩展或插件查看错误
这个话题比较大,一时说不完,所以先说说用扩展或插件来查看错误。对我来讲,firebug一般就够用了,比较常见,就不截图了。启用firebug控制台后,如果页面上js脚本错误,就会立刻在右下角显示出来,点击可以查看错误。有一点需注意,我的firebug有时会报这个带乱码的错误:
我一直不清楚这个为什么会乱码,但我知道这个是跨域的错误,比较常见。 本文链接

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 老生常谈,JavaScript闭包中的this对象

    老生常谈,JavaScript闭包中的this对象

    2016-02-26 10:21

  • 学习JavaScript之this,call,apply

    学习JavaScript之this,call,apply

    2016-01-28 20:45

  • JavaScript复习笔记--字符串

    JavaScript复习笔记--字符串

    2016-01-27 17:16

  • WEB前端教程-JavaScript里的类和继承

    WEB前端教程-JavaScript里的类和继承

    2016-01-21 15:28

网友点评
o