查看: 26468|回复: 3
FireFox使用Firebug进行断点调试图文详解
本帖最后由 qingyan91 于
15:09 编辑
利用Firebug我们可以非常方便地对网页上的任何JavaScript代码进行断点调试。
首先，使用快捷键F12在当前页面打开Firebug，并切换到脚本选项卡。
其次，我们需要为指定的js代码添加断点，由于当前页面的js代码可能不只是在一个文件中，Firebug会列出所有包含js代码的脚本文件，我们先在列表中选择需要添加断点的代码所在文件。
当我们找到指定的js代码所在位置时，我们可以看到Firebug左侧会显示行号，其中绿色的行号表示该行可以添加调试断点。
点击指定的绿色行号位置，即可为该行代码添加断点。
添加完断点后，我们就可以通过某些操作来触发执行断点位置的js代码，比如提交某个表单、移动到某个元素、点击某个按钮，甚至刷新当前页面(类似onload类型的事件就需要先加断点，再刷新该页面即可进入断点调试)。
当执行到断点处的js代码时，Firebug会自动进入断点调试。如下图所示，右侧监控面板用于显示相关的js变量信息。编号①②③的按钮图标分别表示单步进入(F11)、单步跳过(F10)、单独退出(Shift+F11)；通过这些按钮我们可以方便地进行断点调试。
备注：将鼠标移动到左侧窗口中指定的js变量名上，也会实时显示该变量的值。
转载自：（）
做前端的基本都用Firebug，马一个
进来了解下
Copyright & KaFan & All Rights Reserved.
Powered by Discuz! X3.1( 苏ICP备号 ) GMT+8,2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
2016年10月 .NET技术大版内专家分月排行榜第一2016年8月 .NET技术大版内专家分月排行榜第一2016年7月 .NET技术大版内专家分月排行榜第一
2016年9月 .NET技术大版内专家分月排行榜第二2016年6月 .NET技术大版内专家分月排行榜第二2016年3月 .NET技术大版内专家分月排行榜第二2016年1月 .NET技术大版内专家分月排行榜第二2015年12月 .NET技术大版内专家分月排行榜第二2015年2月 .NET技术大版内专家分月排行榜第二2015年1月 .NET技术大版内专家分月排行榜第二2014年11月 .NET技术大版内专家分月排行榜第二2014年5月 .NET技术大版内专家分月排行榜第二2014年4月 .NET技术大版内专家分月排行榜第二2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。为什么我的firebug安装了代码显示不出来
我的firebug安装了代码显示不出来，试过好多次都是这样，还是找不出什么原因，请哪位大侠赐教一下。在状态栏最右边没发现一个圆形图标，只有萤火虫的图标而已。
09-05-16 &匿名提问
装好ff的firebug插件，然后你就做页面就可以了，不管你是外联引入js文件还是再页面中直接写js代码，在用ff浏览的时候如果js有错误，ff右下角就会有红色的x 后面写着“n错误”n是错误数字，你点一下就能显示具体错在哪儿了，哪行也会有显示。如果firebug不执行，那就点ff右下角的小虫子，再点控制台--启动。overfirebug安装，点击ff的工具 -- 插件 -- 获取插件搜索一下就能找到。====================================补充回答控制台三个字右边有个小三角，点那个。然后选择第一项。：）
请登录后再发表评论!}