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,没有找到指定文件

浅灰色
黑色
向服务器端发送请求,服务器端返回未修改,加载本地缓存文件

-
黑色
未向服务器发送请求,直接从本地缓存加载文件

右击菜单, Open in New Tab在新标签中打开

[Firebug - 其他问题]

不支持IE Tab

设置Javascript.options.strict为False避免Firebug出错, http://kb.mozillazine.org/Javascript.options.strict

posted @ 2009-01-21 11:36  王鸿飞  阅读(615)  评论(0)    收藏  举报