Firefox - 附加软件 - Firebug - Script脚本视图 - 使用step into, step over等按钮需要先设置javascript脚本的断点
2007-12-02 19:10
866 查看
Firefox - 附加软件 - Firebug - Script脚本视图 - 使用step into, step over等按钮需要先设置javascript脚本的断点
debug视图中包括step into和step over等按钮,这些按钮在通常的情况下是无效的,如果需要单步调试javascript代码,可以在相应的javascript代码处设置断点,然后刷新页面。[Firefox - 官方网站]
http://www.mozilla.com/en-US/firefox/[Firefox - 当前版本2.0.0.11]
http://www.mozilla.com/en-US/firefox/2.0.0.11/releasenotes/[Firefox - 下载地址]
http://www.mozilla.com/en-US/firefox/all.html[Firefox - 相关论坛]
http://firefox.board.newsmth.net/http://bbs.pku.edu.cn/ ,Homepage看版
http://forum.csdn.net/SList/HTMLCSS/
[Firefox - 附加软件]
CookieSafe, 当前版本2.0.6, 常用, https://addons.mozilla.org/en-US/firefox/addon/2497 Firebug, 当前版本1.05, 常用, https://addons.mozilla.org/en-US/firefox/addon/1843 Google Toolbar for Firefox, 当前版本3.0.20070525W, 常用, http://www.google.com/tools/firefox/toolbar/FT2/intl/zh-CN/ Html Validator, 当前版本0.8.4.0, 常用, https://addons.mozilla.org/firefox/249/ MinimizeToTray, 当前版本0.0.1.2006102615+, 不常用, https://addons.mozilla.org/firefox/2110/ Tab Mix Plus, 当前版本0.3.6, 不常用, https://addons.mozilla.org/firefox/1122/ Torbutton, 当前版本1.0.4.01, 常用, https://addons.mozilla.org/en-US/firefox/addon/2275[Firebug - 简介]
当前版本:1.05Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
在您浏览时集成在Firefox中的Firebug能让您对于大量开发工具了如指掌。您可以实时在任何浏览的页面中编辑、调试、监视CSS,HTML和JavaScript。
Visit the Firebug website for documentation, screen shots, and discussion forums:
访问Firebug站点可以获得文档、效果图和讨论论坛。
[Firebug - 发布地址]
https://addons.mozilla.org/en-US/firefox/addon/1843[Firebug - 官方网站]
http://www.getfirebug.com[Firebug - 文档]
http://www.getfirebug.com/docs.html[Firebug - bug]
http://code.google.com/p/fbug/issues/list[Firebug - 关键词]
Firebug[Firebug - 相关论坛]
http://groups.google.com/group/firebug[Firebug - Console控制台视图]
console API文档, http://www.getfirebug.com/console.html console.info显示(i)图标在输出时,需要注意第一个参数被自动识别为格式字符串
需要在页面加载前启动firebug,当页面加载后启动firebug时,就没有console对象
console.time(name), 用指定名称创建一个定时器,使用同一个名称调用console.timeEnd(name)将停止定时器并输出时间间隔。
console.timeEnd(name), 停止通过console.time(name)创建的定时器,并输出时间间隔。
[Firebug - HTML页面视图]
Show Computed Style不显示所有可用的样式标记的显示也会与源代码不同,而是按照Firefox对文档结构的解析显示的
在页面上右击弹出菜单中选择Inspect Element菜单项,能起到与Inspect按钮相同的作用。
[Firebug - CSS样式表视图]
Edit编辑模式下切换文件不能保持Edit编辑模式[Firebug - Script脚本视图]
使用step into, step over等按钮需要预先设置javascript脚本的断点Options选项,Break on All Errors在所有错误处中断,用于捕获javascript出错事件,不受javascript脚本中的try/catch影响
在页面加载过程中的脚本设置断点,可以先加载页面,设置断点,然后刷新页面
[Firebug - DOM文档结构视图]
页面中包含不断执行的AJAX时,DOM视图也将不断刷新,此时可以在script视图中AJAX脚本处设置断点避免DOM视图刷新。借助Show User-defined Properties选项查看javascript全局变量
[Firebug - Net网络视图]
进度条 | 进度条颜色 | 文字颜色 | 含义 |
有 | 绿色 | 黑色 | 正在读取 |
有 | 深灰色 | 黑色 | 向服务器端发送请求,从服务器端返回文件 |
有 | 深灰色 | 红色 | 404,没有找到指定文件 |
有 | 浅灰色 | 黑色 | 向服务器端发送请求,服务器端返回未修改,加载本地缓存文件 |
无 | - | 黑色 | 未向服务器发送请求,直接从本地缓存加载文件 |
[Firebug - 其他问题]
不支持IE Tab设置Javascript.options.strict为False避免Firebug出错, http://kb.mozillazine.org/Javascript.options.strict
相关文章推荐
- Firefox - 附加软件 - Firebug - Script脚本视图 - 使用step into, step over等按钮需要先设置javascript脚本的断点
- Firefox - 附加软件 - Firebug - Script脚本视图 - 在页面加载过程中的脚本设置断点
- Firefox - 附加软件 - Firebug - Script脚本视图 - Options选项 - Break on All Errors在所有错误处中断
- Firefox - 附加软件 - Firebug - DOM视图 - 借助Show User-defined Properties选项查看javascript全局变量
- Firefox - 附加软件 - Firebug - Console控制台视图 - console对象输出时,需要注意第一个参数被自动识别为格式字符串
- Firefox - 附加软件 - Firebug - 其他问题 - 设置Javascript.options.strict为False避免Firebug出错
- Firefox - 附加软件 - Firebug - Console控制台视图 - 使用console.time()计算时间
- Firefox - 附加软件 - Firebug - DOM文档结构视图 - “冻结”被AJAX不断更新的DOM视图
- Firefox - 附加软件 - Firebug - Net网络视图 - Open in New Tab在新标签中打开
- Firefox - 附加软件 - Firebug - Net网络视图 - 可以用来检查一个页面中未能加载的引用内容
- Firefox - Firebug附加软件 - HTML页面视图 - Inspect Element
- Firefox - 附加组件 - 扩展 - Firebug - Script脚本面板 - BreakOnErrors在全部错误处标记中断选项不受try/catch影响
- Firefox - 附加软件 - Firebug - Console控制台视图 - console.info显示(i)图标
- 使用autolayout,设置子控件的宽度 与父视图的宽度成比例大小(这样类似可以设置多个按钮平均横屏排列)
- 使用Chrome调试JavaScript的断点设置和调试技巧
- 【已解决】在 Visual Studio 中设置 JavaScript/TypeScript 的断点 脚本出现自动中断错误
- Firefox中Javascript使用event对象需要注意的问题
- 使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
- Firefox - 附加软件 - Firebug - 文档
- 使用Chrome调试JavaScript的断点设置和调试技巧