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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。