Firebug+Firefox 调试方法初探(转载)

导读：

最近项目第一阶段告一段落，用aptana+firefox开发了完了一套完整的js组件，便于后期结合ajax开发。

           但是现在如何在eclipse的环境下搭建一个js的调试环境呢？
 
         
将aptana的调试功能结合到eclipse里面基本上不可能，因为要启动aptana的调试功能，必须开启一个aptana的本地web
server，而这个server和eclipse的web server是相互独立的. 
所以后期后台结合前台开发，javascript的调试问题成了重中之重的问题。
          
           上网搜索了下，发现目前比较流行的方法有:

           
IE 上支持调试的插件有: Microsoft script debug,  visual interdev, 或者visual studio
200x 版本，同时需要启动IE的debug功能和debug服务。最好结合 http watch一起调试。
不过基本上没有免费的，而且破解版很难找。

           eclipse调试js的插件有 jseditor (
http://eclipse.moelleryoung.com/jseditor/ ) 和 JSEclipse （ 
http://www.interaktonline.com/Products/Eclipse/JSEclipse/ ），
不过看过用过的人对它的评价平平，自己也没试。

           firefox 下的调试，工具栏里面的 错误控制台 结合
插件 firebug ( http://www.getfirebug.com/ ) 
构成的轻型调试工具用起来很好，而且这种架构很轻，用拦截器的方式对js进行调试，适用于任何的开发平台下的web
server.并且用它对gmail进行了下调试，感觉功能很强，应付我的需求搓搓由于。
          
          
综合上面的3种调试方法，因为项目要求必须兼容firefox和IE，我毫不犹豫的采用了firebug来进行js调试，至于IE上的一些不兼容问题，就
用最笨的方法alert吧

           下面我对它的一些大致用法和感受描述下
            1. 安装好firebug插件，重启firefox，会在工具里面出现 firebug工具栏。
            2. 写一个很简单的js程序来调试下  test.html：

        
              
                         
function test()
                                 
{
                 
                   
  var a = 1
             
                   
     var b = 2
         
                   
         var c = 3
     
                   
              var d = a+b+c+d
 
                   
                  
alert(d)
 
       
           
           
          var str = '这是个调用脚本调试器的例子';
    
           
           
        alert(str);
   
           
            }
               

         
        
          
                    
这是个调用脚本调试器的例子。
          

       
3. 用firefox从本地打开该文件 test.html，然后从工具栏中 选择 open firebug, 然后会在
firefox的窗体的下部显示出调试窗口， 另外可以启动 open firebug in  new  window,
会弹出一个小的调试窗体。如图：（插入本地图片始终不成功， 那还是尽量用语言描述吧 ：（) 

        4. 如何设置断点，
               
首先在调试窗口中查看console里面，是否存在严重错误，必须首先修正这里的错误后，断点调试才会启动。
               
然后在 script 里面 找到你的 javascript源码， 设置你的断点。
       5. 断点调试：
              
ok,设置好断点后，把之前打开的页面刷新下，这个时候fire bug会拦截该网页， 然后点击右上方提供的调试按钮进行调试即可。

        我会在我的后期项目开发中，将使用firebug的心得体会、优势和不足写下来。

本文转自

http://blog.csdn.net/DGenerationX/archive/2007/12/09/1925843.aspx