Posted in 2009/08/04 ¬ 00:26h.yongbin
如果您还没有阅读《JavaScript调试技巧之:快速定位》,建议先看看那篇。说不定,用快速定位就能解决问题了,呵呵。这次我会总结记录一下断点调试的笔记,希望也对大家有用,欢迎补充交流!
首先,在各个浏览器中,断点调试支持的最好的当然是Firefox,Firefox不仅可以使用Firebug调试页面js脚本,还可以用高级调试工具例如JavaScript Debugger (Venkman) 来调试Firefox扩展里的js。除此之外,Firefox还支持一些更为高级的断点调试、变量监视功能。
其他浏览器里,Opera、Chrome和Safari的调试功能也比较好用。Opera的DragonFly速度相对比较快,界面清爽,功能强大,但不如Safari等友好。相比来说,IE8的程序员工具简直没法用。
这次时间有限,先来总结一下Firefox下的调试技巧。
Read the rest of this entry »
Posted in 2009/07/24 ¬ 00:48h.yongbin
赶紧总结一下JavaScript的调试技巧,这次首先是“快速定位”篇。
快速定位,其实就是快速定位程序的错误,所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试。关于常用的快速定位方法,我总结了一下几点,欢迎大家补充。
1. 使用alert
alert其实比较实用。本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看看一个对象中的属性和它的值吗,试试这个:
var str = “”, i;
for (i in obj) {
str += i + “: ” +obj[i] + “\n”;
}
alert(str);
2. 使用地址栏
Read the rest of this entry »
Posted in 2009/06/13 ¬ 05:34h.yongbin
上次在北京的Open Party上给大家分享了一些Firefox扩展,这些扩展包括Firebug、Webdeveloper、Live HTTP Headers等等,对我来说,没有这些东西就没法干活。所以我再一次地、正式地向大家推荐。
Firebug
用Firefox的人都知道。用Firebug可以查看节点信息,查看网络交互等等。他强大的调试功能在各种浏览器中,算是最好用的。回头有必要的话,我会专门总结一下JavaScript调试经验。
Web Developer
这个工具条包含了非常全面的工具。对于我来说,经常用到的大概是disable cache,View Form Info,Resize,View Frame Source等等。你想用的DOM查看和操作工具,这里基本都有。
MeasureIt
Read the rest of this entry »