5.6  使用Firefox的Web开发扩展

Firefox的Web开发扩展为Firefox浏览器增加了大量有用的Web开发工具。一旦安装了这个扩展，你就可以通过一个工具条来访问为浏览器增加的这些工具（见图5-14）。在目前能够运行Firefox的所有平台上都能使用这个扩展包，这就意味着在Windows、OS X和Linux都能顺利地使用这个扩展包。Firefox的Web开发扩展包可以从chrispederick.com/ work/firefox/webdeveloper/获得。

图5-14　Web开发扩展为Firefox增加的工具条

Web开发扩展包提供了至少80个独立的工具，可以完成，从把GET请求转换为POST请求（或反之），到允许动态编辑页面的CSS规则的各种任务。由于存在太多的工具，因此不便于一一列出，以下只是列出了总的工具种类：

l    Disable菜单用于禁用浏览器的一些功能，如JavaScript、CSS、cookies和动画图片。

l    CSS菜单包含了与CSS规则和样式表相关的工具。

l    Forms菜单用于把GET请求转换为POST请求（或反之），自动填写表单值，以及删除输入元素的最大长度。

l    Images菜单用于显示图片缩略图或隐藏图片。

l    Information菜单用于检查与页面相关的各种信息，如cookie信息、链接信息和响应首部。

l    Miscellaneous菜单提供的工具可以清空浏览器的缓存、历史和会话cookie，还可以放大或缩小页面。

l    Outline菜单用于概要列出表格、表单元、框架、块级元素等。

l    Resize菜单会在标题栏中显示当前窗口的大小，以及其他可以调整当前窗口大小的工具。

l    Tools菜单用于寻找到验证CSS、HTML和下载速度的第三方网站的快速链接。

l    View Source按钮可以很容易地查看页面的源代码。

l    Options菜单用于定制编辑Web开发扩展的颜色、快捷键和行为。

有些Web开发人员对Web开发扩展包提供的工具和功能大加赞赏，称之为“不可缺少的”、“最好的”和“至关重要的”。可以安装这个扩展，尝试一下各种工具，看看它对你的开发和调试过程是否有帮助。