js调试以前用ie8使用alert一步步的，错误提示个人感觉不好。
现在使用chrome不仅可以js调试还可以调css在线看效果。F12点击进入调试。
1. Console选项卡可以看打印信息。 可以在js代码中使用console("进入**")打印语句，和alert不同alert()是弹框，而console是打印在控制台，
2. Console选项卡输入dom节点，$("****")回车后可以看到选择的元素。看到选素后就可以绑定事件。debug时候反过来，点击事件没有反应，可以用$("***")
看下是不是自己要选择的节点。****可以是$("#id") $(“.class”)也可以组合，只要是dom节点就可以。
3 Sources选项卡中可以选择js文件进行断点调试，可以看到变量的值。
4 Elements选项卡可以查看HTML代码,右侧的窗口Styles可以在线改变样式看效果。
Firefox安装firebug。
下载firebug-3.0.0-alpha.6.xpi，打开浏览器拖拽到里面，点击安装完成。有些会因为版本不兼容，下个别的版本试下。
原文：http://blog.csdn.net/u010081710/article/details/43759765