使用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 动态添加表格行
Jun 22 Javascript
取键盘键位ASCII码的网页
Jul 30 Javascript
ExtJS 2.0 实用简明教程之布局概述
Apr 29 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
jQuery.extend 函数及用法详细
Sep 06 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
webpack实用小功能介绍
Jan 02 Javascript
解决vue-cli + webpack 新建项目出错的问题
Mar 20 Javascript
使用p5.js实现动态GIF图片临摹重现
Oct 23 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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
mysq GBKl乱码
2006/11/28 PHP
php define的第二个参数使用方法
2013/11/04 PHP
PHP制作图形验证码代码分享
2014/10/23 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
EasyUI中的dataGrid的行内编辑
2017/06/22 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
详解Vue数据驱动原理
2020/11/17 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
Python入门篇之列表和元组
2014/10/17 Python
Python中pygame安装方法图文详解
2015/11/11 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
《美丽的黄昏》教学反思
2014/02/28 职场文书
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
文明村镇申报材料
2014/05/06 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
环卫工人慰问信
2015/02/15 职场文书
歌剧魅影观后感
2015/06/05 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL