Firebug

        Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具

       下载：firebug

       安装的时候直接把解压后的firebug-1.10.0a5.xpi文件拖到火狐浏览器里即可自动安装、

      例子：

      

    代码：

     

View Code

< head  runat ="server" >
     < title >无标题页 </ title >
     < script  type ="text/javascript" >
        function  console()
       {
           for ( var  i = 0 ;i < 10 ;i ++ )
          {
            document.getElementById( " TextArea1 " ).value += i.toString(); 
          }
       }
     </ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
        < input  type ="button"  onclick ="console()"    value ="输出" />< br  />
       
         < textarea  id ="TextArea1"  cols ="20"  rows ="2" >
         </ textarea >
     </ div >
     </ form >
</ body >

     下面就可以通过fireBug来调试这个console方法了

      首先按F12进入到调试模式

   

       这个时候可以设置断点了，要注意的是：不要把断点设置在方法名的哪一行即 function console()，这一行是在加载页面的时候就执行了，所以当你点击按钮的时候不会进入到方法体内，从而不能进行调试，所以我们要把断点设置在方法体内

这个时候当你添加按钮的时候就会调试了

可以从右边看到相应的值，也可以童工alert输出来看每一步的值

也可以调试html，css，通过修改元素或者css来改变页面，最后获得更好的界面效果，很方便灵活...