使用Firebug对js进行断点调试的图文方法

 更新时间:2011年04月02日 00:34:54   作者:   我要评论

使用Firebug调试JavaScript非常方便。因为js的错误不容易查找,用这个就方便多了。
具体步骤:

a. 打开Firebug后,启用“脚本”调试,找到引用的脚本文件(或者行内js);

b. 在适当的位置加入断点;

c. 如果断点已经执行过,则刷新页面,这时脚本就会在断点处中断。如果断点没有执行过,那可以直接执行页面上的动作(例如点击按钮等),然后代码会在断点处中断;

d. 观察函数调用栈,观察local变量,也可以进行单步执行,进行调试。

确实非常简单!用Firebug断点调试的优点总结如下:

  • 能加断点的行用绿色行号,非常直观;
  • call stack用两种方式显示出来,很方便;
  • 本地变量的显示非常清晰明了。

相关文章

  • js实现上传图片预览的方法

    js实现上传图片预览的方法

    这篇文章主要介绍了js实现上传图片预览的方法,通过自定义函数结合onchange方法实现上传图片的预览功能,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 详解Webwork中Action 调用的方法

    详解Webwork中Action 调用的方法

    这篇文章主要介绍了详解Webwork中Action 调用的方法的相关资料,需要的朋友可以参考下
    2016-02-02
  • 探索Javascript中this的奥秘

    探索Javascript中this的奥秘

    本文介绍了JavaScript中的this关键字在各种情况下的含义,实例都很简单,这样更能有助于加深理解。虽然这只是js中一个很小的概念,但借此我们可以了解js中函数的执行环境,充分掌握this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。
    2016-12-12
  • js实现连续英文字符自动换行兼容ie6 ie7和firefox

    js实现连续英文字符自动换行兼容ie6 ie7和firefox

    英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox,使用CSS控制强制换行实现不了的朋友可以尝试下
    2013-09-09
  • js 封装cookie操作的函数代码

    js 封装cookie操作的函数代码

    这篇文章主要通过js封装cookie的函数代码,想用js实现cookies操作的朋友可以参考下
    2013-06-06
  • JavaScript使用cookie

    JavaScript使用cookie

    JavaScript使用cookie...
    2007-02-02
  • apply和call方法定义及apply和call方法的区别

    apply和call方法定义及apply和call方法的区别

    apply和call功能一样,只是传入的参数列表形式不同,本文给大家介绍apply和call方法定义及apply和call方法的区别,感兴趣的朋友一起学习吧
    2015-11-11
  • JS定义类的六种方式详解

    JS定义类的六种方式详解

    下面小编就为大家带来一篇JS定义类的六种方式详解。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-05-05
  • Window.Open如何在同一个标签页打开

    Window.Open如何在同一个标签页打开

    这篇文章主要介绍了Window.Open如何在同一个标签页打开,需要的朋友可以参考下
    2014-06-06
  • 正则表达式替换html元素属性的方法

    正则表达式替换html元素属性的方法

    下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11

最新评论