FireFox使用Firebug进行断点调试图…
来源:互联网 发布:字母logo在线设计软件 编辑:程序博客网 时间:2024/05/17 22:35
利用Firebug我们可以非常方便地对网页上的任何JavaScript代码进行断点调试。
首先,使用快捷键F12在当前页面打开Firebug,并切换到脚本选项卡。
其次,我们需要为指定的js代码添加断点,由于当前页面的js代码可能不只是在一个文件中,Firebug会列出所有包含js代码的脚本文件,我们先在列表中选择需要添加断点的代码所在文件。
当我们找到指定的js代码所在位置时,我们可以看到Firebug左侧会显示行号,其中绿色的行号表示该行可以添加调试断点。
点击指定的绿色行号位置,即可为该行代码添加断点。
添加完断点后,我们就可以通过某些操作来触发执行断点位置的js代码,比如提交某个表单、移动到某个元素、点击某个按钮,甚至刷新当前页面(类似onload类型的事件就需要先加断点,再刷新该页面即可进入断点调试)。
当执行到断点处的js代码时,Firebug会自动进入断点调试。如下图所示,右侧监控面板用于显示相关的js变量信息。编号①②③的按钮图标分别表示单步进入(F11)、单步跳过(F10)、单独退出(Shift+F11);通过这些按钮我们可以方便地进行断点调试。
备注:将鼠标移动到左侧窗口中指定的js变量名上,也会实时显示该变量的值。
0 0
- FireFox使用Firebug进行断点调试图…
- 使用Firebug对js进行断点调试的图文方法
- firebug插件-如何使用firefox进行网页js调试
- 使用firefox的firebug插件进行网页js调试----firebug使用
- 使用firefox的firebug插件进行网页js调试----firebug使用
- 使用firefox的firebug插件进行网页js调试----firebug使用
- 使用firefox的firebug插件进行网页js调试----firebug使用
- *Firefox*的*Firebug*进行JavaScript调试
- 如何使用firebug进行调试
- 使用firebug进行调试javascript
- Firefox中使用Firebug插件调试CSS
- FireBug的断点调试
- Firebug+Firefox调试方法
- (转帖)如何使用firebug进行调试
- Firebug+Firefox 调试方法初探
- firefox安装与调试firebug
- 安装firebug进行调试
- fireBug进行调试方法
- 字符编码笔记:ASCII,Unicode和UT…
- openBSD系统忘记密码怎么办
- FreeBSD文件编辑vi指令大全
- javascript console函数详解js开…
- firefox插件Firebug的使用教程
- FireFox使用Firebug进行断点调试图…
- PHP调试时print_r,var_dump…
- lightoj1030 - Discovering Gold【概率dp求期望】
- JS获取几种URL地址的方法小结
- FreeBSD 编辑器VI使用方法
- FreeBSD系统ee编辑器快捷键一览表
- FreeBSD的Ports系统
- PHP中ereg与preg_match和preg_matc…
- 判断汉字的正则表达式(转)