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