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


Posted in Javascript onApril 02, 2011

具体步骤:

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

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

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

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
原生js操作checkbox用document.getElementById实现
Oct 12 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
jquery遍历select元素(实例讲解)
Dec 31 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
AngularJS表单验证功能分析
May 26 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
JS实现页面数据懒加载
Feb 13 Javascript
dreamweaver 安装Jquery智能提示
Apr 02 #Javascript
jquery 读取页面load get post ajax 四种方式代码写法
Apr 02 #Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 #Javascript
JQuery文本框高亮显示插件代码
Apr 02 #Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
Apr 02 #Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 #Javascript
按钮JS复制文本框和表格的代码
Apr 01 #Javascript
You might like
php中将html中的br换行符转换为文本输入中的换行符
2013/03/26 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP通过API获取手机号码归属地
2015/05/28 PHP
基于Jquery的温度计动画效果
2010/06/18 Javascript
jquery 操作iframe的几种方法总结
2013/12/13 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
python缩进区别分析
2014/02/15 Python
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python绘图方法实例入门
2015/05/19 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
Python调用飞书发送消息的示例
2020/11/10 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
国庆节演讲稿
2014/05/27 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
六一儿童节标语
2014/10/08 职场文书
上课说话检讨书500字
2014/11/01 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
理解深度学习之深度学习简介
2021/04/14 Python