使用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 相关文章推荐
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
Aug 04 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
Angular使用$http.jsonp发送跨站请求的方法
Mar 16 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
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
flash用php连接数据库的代码
2011/04/21 PHP
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
浅谈JavaScript Array对象
2014/12/29 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
详解vue路由
2020/08/05 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
python实现图片批量剪切示例
2014/03/25 Python
Python Queue模块详解
2014/11/30 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
如何理解Python中包的引入
2020/05/29 Python
python 实现有道翻译功能
2021/02/26 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
学生党员一帮一活动总结
2014/07/08 职场文书
欢迎词怎么写
2015/01/23 职场文书
演讲开场白和结束语
2015/05/29 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL