使用 FireBug 加速 Dorado 开发第 1 页 共 30 页使用使用 FirebugFirebug 加速加速DoradoDorado 开发开发BSTEKBSTEK20072007 年年 9 9 月月使用 FireBug 加速 Dorado 开发第 2 页 共 30 页目录目录概述.4准备工作.4下载 Firefox.4安装 FireFox .4下载安装 Firebug.6使用 Firebug.9初识 Firebug.9打开 Firebug.9Firebug 界面介绍.10控制台.11显示错误功能.11Debugger 功能 .11错误搜索以及过滤 .12查看和修改 Html.13查看 Html.13修改 Html.14查看 Html 元素的 Style.15查看 Html 元素的 Layout.16查看 Html 元素的 Dom.16查看和修改 Css.17JavaScript 调试器.18对 JavaScript 进行调试.18使用 FireBug 加速 Dorado 开发第 3 页 共 30 页对 JavaScript 代码进行性能优化 .20Dom 查看器 .21对 Dom 对象进行查看和修改.21对查看内容进行过滤 .21网络状况监视.23查看 http 请求统计 .23查看 http 请求内容 .23附录.25Console Logging 函数.25Logging 基础.25Logging 等级.25断言.25测量（Measurement） .27字符串格式化.27命令行函数.27使用 FireBug 加速 Dorado 开发第 4 页 共 30 页概述概述Firebug 的中文含义是萤火虫，是 FireFox 下的一个插件，其定位是一款 Web 开发工具。通过 Firebug，可以即时的编辑、调试和监视 Css、Html 和 JavaScript。本文讲介绍 Firebug 的各个功能的使用，会结合表现层中间件 Dorado 来进行示例。关于 Dorado可以参考如下链接：http:/www.bstek.com准备准备工作工作在开始讲述 Firebug 的使用之前，先进行 Firefox 和 Firebug 的下载和安装。提示：Firefox 亦即火狐浏览器，是近年来撼动 IE 浏览器市场占有率的一支强大力量。下载下载 FirefoxFirefox 的下载链接如下：http:/www.mozilla.com/en-US/firefox/首先进入该链接以后，在