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

 更新时间:2011年04月02日 00:34:54   作者:  
使用Firebug调试JavaScript非常方便。因为js的错误不容易查找,用这个就方便多了。
具体步骤:

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

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

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

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

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

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

相关文章

  • JavaScript之事件委托实例(附原生js和jQuery代码)

    JavaScript之事件委托实例(附原生js和jQuery代码)

    下面小编就为大家带来一篇JavaScript之事件委托实例(附原生js和jQuery代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JavaScript canvas实现字符雨效果

    JavaScript canvas实现字符雨效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现字符雨效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 使用微信小程序制作核酸检测点查询工具

    使用微信小程序制作核酸检测点查询工具

    出门在外,没有核酸证明寸步难行,此文将教你如何通过小程序制作一个工具帮你在人生地不熟的情况如何迅速找到核酸检测点,实现核酸点查询、地图导航、拨号等功能,需要的朋友可以参考下
    2022-10-10
  • 日期函数扩展类Ver0.1.1

    日期函数扩展类Ver0.1.1

    日期函数扩展类Ver0.1.1...
    2006-09-09
  • JavaScript加载速度优化方法

    JavaScript加载速度优化方法

    通过使用CDN、压缩、异步加载、尽可能的减少JavaScript文件大小、利用缓存机制、使用Vanilla JS、使用ES6特性、将JavaScript文件放到底部、减少对DOM的访问以及避免重复代码等方法,可以优化JavaScript文件的加载和执行速度,提供更好的用户体验和更高的性能
    2023-08-08
  • 前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    本文给大家分享前端高频面试题JS中堆和栈的区别和浏览器的垃圾回收机制,本文分文别类给大家介绍了栈(stack)和堆(heap)的区别基本类型和引用类型的相关知识,浏览器垃圾回收机制包括基本概念给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • JS实现点击按钮随机生成可拖动的不同颜色块示例

    JS实现点击按钮随机生成可拖动的不同颜色块示例

    这篇文章主要介绍了JS实现点击按钮随机生成可拖动的不同颜色块,涉及javascript数值运算与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能

    bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能

    这篇文章主要为大家详细介绍了bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • DIV+CSS+JS不间断横向滚动实现代码

    DIV+CSS+JS不间断横向滚动实现代码

    不间断横向滚动想必大家在很多场合都有见过吧,本文也使用DIV+CSS+JS实现一个,感兴趣的你可以参考下哈,希望对你学习有所帮助
    2013-03-03
  • 利用JS生成博文目录及CSS定制博客

    利用JS生成博文目录及CSS定制博客

    这篇文章主要介绍了利用JS生成博文目录及CSS定制博客的相关资料,需要的朋友可以参考下
    2016-02-02

最新评论