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

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

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

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

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

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

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

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

相关文章

  • js实现水平和竖直滑动条

    js实现水平和竖直滑动条

    这篇文章主要为大家详细介绍了js实现水平和竖直滑动条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • ES2015 Symbol 一种绝不重复的值

    ES2015 Symbol 一种绝不重复的值

    这篇文章主要介绍了Symbol是ES2015新增的一种值类型数据,表示一种绝不重复的值,需要的朋友可以参考下
    2016-12-12
  • 替换json对象中的key最佳方案

    替换json对象中的key最佳方案

    本文给大家介绍如何替换json对象中的key,通过实例代码给大家介绍key的替换方法,代码也很简单,需要的朋友参考下吧
    2021-06-06
  • JavaScript获取页面中表单(form)数量的方法

    JavaScript获取页面中表单(form)数量的方法

    这篇文章主要介绍了JavaScript获取页面中表单(form)数量的方法,涉及javascript操作表单document.forms数组的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • JS数组方法reduce的妙用分享

    JS数组方法reduce的妙用分享

    在 JavaScript 中,reduce 是最难理解的数组方法之一,它是一个强大而灵活的高阶函数,下面就来看看 reduce 的妙用之处,希望对大家有所帮助
    2023-02-02
  • js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

    js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

    最近想给JS特效与模板预览页面加上屏蔽查看源文件,防治整理不易的源码被轻易拿走,发现IE、火狐、chrome等各类浏览器支持不一样。下面是脚本之家整理的一些屏蔽总结
    2020-10-10
  • javascript实现的固定位置悬浮窗口实例

    javascript实现的固定位置悬浮窗口实例

    这篇文章主要介绍了javascript实现的固定位置悬浮窗口,以一个完整实例形式详细分析了javascript实现固定位置悬浮窗口的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript事件流之事件处理和传播机制深入理解

    JavaScript事件流之事件处理和传播机制深入理解

    本文将详细介绍JavaScript事件流的发展流程、属性以及应用场景,并提供一些代码示例和引用资料,帮助读者深入理解并应用这一重要的前端技术,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 类似php的js数组的in_array函数自定义方法

    类似php的js数组的in_array函数自定义方法

    PHP的数组函数in_array()非常方便,下面就为大家介绍下自定义类似php的js数组的in_array函数,具体实现方法如下,感兴趣的朋友可以参考下
    2013-12-12
  • JS获取页面input控件中所有text控件并追加样式属性

    JS获取页面input控件中所有text控件并追加样式属性

    使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式,由于其他方式比较麻烦所以就想通过在页面加载的时候将要改动的text找到并添加属性,感兴趣的你可以参考下,希望可以帮助到你
    2013-02-02

最新评论