Jquery笔记(二)调试

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，打开浏览器拖拽到里面，点击安装完成。有些会因为版本不兼容，下个别的版本试下。