你的位置:首页 > Java教程

[Java教程]Firebug调试js代码


Firebug功能异常强大,不仅可以调试DOM,CSS,还可以调试JS代码,下面介绍一下调试JS。

1、认识console对象

  console对象是Firebug内置的对象,该对象可以在代码中写入,可以在控制面板中写入。

1)有五个方法来显示信息。依次为:

  1、console.log(),可以用来取代alert()或document.write()

  2、console.info(),一般信息

  3、console.debug(),除错信息

  4、console.warn(),警告提示

  5、console.error(),错误提示

2)经常用的几个方法:

  1、console.group()和console.groupEnd(),用于分组显示信息,如:

     console.group("第一组信息");

       console.log("第一组第一条");

       console.log("第一组第二条");

       console.groupEnd();

       console.group("第二组信息");

       console.log("第二组第一条");

       console.log("第二组第二条");

       console.groupEnd();

  2、console.dir()可以显示一个对象所有的属性和方法。

      3、console.dir

         var table = document.getElementById("table1");

       然后,显示该节点包含的代码。

             console.dir

   4、console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。

   5、console.trace()用来追踪函数的调用轨迹。 如果想知道这个函数是如何被调用的,只需在该函数体中加入console.trace()方法就可以了。

   6、console.time()和console.timeEnd(),用来显示代码的运行时间。如: 

      console.time("计时器一");

        for(var i=0;i<1000;i++){

        for(var j=0;j<1000;j++){}

        }

        console.timeEnd("计时器一");

  7、console.profile()和console.profileEnd(),分析程序各个部分的运行时间,找出瓶颈所在。

2、认识控制面板

  如图所示为firebug的控制面板,左边为信息显示区域,右边为js代码调试区域,代码编辑完之后,可以点击运行,即可在坐左边显示出来。

3、js代码断点调试

  先来认识控制面板,左边为代码区域,右边为监测区域,可以在行号前面单击添加断点,再单击取消断点,F8为继续调试,F10为单步跳过,F11为单步进入,shift+F11为单步跳出。

巴厘岛旅游跟团现在去巴厘岛旅游多少钱巴厘岛旅游几月份最好巴厘岛旅游怎么样几月去巴厘岛旅游最便宜2015雁鸣湖五一活动?五一去梅州雁鸣湖怎么样? 青岛世园会游览线路?青岛世界园艺博览会有索道吗? 青岛世园会索道价格?青岛世界园艺博览会索道有多长? 青岛世园会索道开放了吗?青岛世界园艺博览会索道多少钱? 去桂林旅游有什么好吃的? 厦门有什么特别的节庆活动和风俗习惯? 福建永定土楼好玩吗? 从厦门市区到鼓浪屿怎么走? 百色澄碧湖风景区电话?澄碧湖预约优惠多少? 广州海洋公园地铁怎么坐?广州动物园海洋公园旅游线路? 夏末秋初充满异域风情的哈尔滨之旅 广州海洋公园攻略?广州动物园海洋公园要门票吗? 海口美兰国际机场餐饮服务 桃坪羌寨旅游攻略 兀兰套房服务公寓 桃坪羌寨自驾游 12-215SURC/S530-A3/TR8 Datasheet 12-215SURC/S530-A3/TR8 Datasheet 12-215SURC-S530-A2-TR8 Datasheet 12-215SURC-S530-A2-TR8 Datasheet 12-215SYGC Datasheet 12-215SYGC Datasheet 2015年春节旅游去处 2015年春节旅游去处 2015年春节旅游去处 春节去哪个国家旅游好 春节去哪个国家旅游好 春节去哪个国家旅游好 2015春节旅游好去处 2015春节旅游好去处 2015春节旅游好去处