js本地调试

js调试：参考：http://www.jb51.net/article/47812.htm

1 可以直接在js代码上添加   debugger，

之后在谷歌上就可以调试了。

$(document).ready(function(){
 
   $.ajax({
   url : "../../",
   type : "post",
   data : {

  },
 dataType:'json',
 success : function(data) {
   debugger;
   alert(data);

},
error : function(e) {
alert("错误！！");
}
});
 
})

1 谷歌调试

浏览器打开网页，选择界面某一个按钮，用F12打开浏览器，右键->检查->在Elements界面，可以看到该按钮的HTML元素，找到对应的id或者class属性，如id="su"

,之后可以在Console界面下方输入：$("#su").val()，或者输入其他JS：document.getElementById("test").value

   即可得到值，如下图：

调试断点，在Sources源文件区，找到需要调试的JS，在行的左侧打断点，F8调到下一个断点，F11进入下一步，shift+F11跳出进入下一步，这样可以在每一步看到运行的结果，可通过上面的方法查看值。

2  火狐调试

3 eclipse调试

此针对BeX5的eclipse环境进行调试，例子说明。

eclipse中,窗口->首选项->Studio配置->Tomcat，去掉  不以调试模式启动Tomcat，之后重启tomcat。

打开需要调试的java代码，打上断点，如：

之后运行界面，

会出现，断点的有关的界面，会在eclipse弹出调试的视图，要立即打开此透视图吗？  点击  是，此时可以查看  调试的 有关的值。也可以点击继续，进行继续运行。

在eclipse的调试中，点击  继续，右面的还有  单步跳入、单步跳过、单步返回，可以一步一步查看程序的执行，    ,则可以跳过断点继续运行，可以在界面有直接的反馈。