yaosansi's Blog

使用Firefox的Web开发扩展包
Firefox的Web开发扩展包（Web Developer extension for Firefox）为Firefox浏览器增加了大量有用的Web开发工具。一旦安装了这个扩展包，就可以通过一个工具条来访问为浏览器增加的这些工具（见图5-14）。在目前能够运行Firefox的所有平台上，都能使用这个扩展包，这说明在Windows、OS X和Linux都能顺利地使用这个扩展包。Firefox的Web开发扩展包可以从http://chrispederick.com/work/firefox/webdeveloper/获得。
Web开发扩展包提供了至少80个工具，可以完成各种任务，从把GET请求转换为POST请求（或反之），到允许动态编辑页面的CSS规则等等都有涉及。由于有太多的工具，因此不便于一一列出，以下只是列出了总的工具种类：
l Disable菜单可以禁用浏览器的一些功能，l 如JavaScript、CSS、cookies和动画图片。
l CSS菜单包含了与CSS规则和样式表相关的工具。
l 可以使用Forms菜单把GET请求转换为POST请求（或反之），l 自动填写表单值，l 以及删除输入元素的最大长度。
l 可以使用Images菜单中的功能显示图片略图或隐藏图片。
l 可以使用Information菜单的功能检查与页面相关的各种信息，l 如cookie信息、链接信息和响应首部。
l Miscellaneous菜单提供的工具可以清空浏览器的缓存、历史和会话cookie，l 还可以放大或缩小页面。
l 可以使用Outline菜单概要列出表格、表单元、框架、块级元素等等。
l Resize菜单会在标l 题栏中显示当前窗口的大小，l 以及其他可以调整当前窗口大小的工具。
l 利用Tools菜单下的工具可以找到验证CSS、HTML和下载速度的第三方网站的快速链接。
l 利用View Source按钮可以很容易地查看页面的源代码。
l 利用Options菜单，l 可以定制编辑Web开发扩展包的颜色、快捷键和行为。
有些Web开发人员对Web开发扩展包提供的工具和功能大加赞赏，称之为“不可缺少的”，“最好的”，“至关重要的”。可以安装这个扩展包，尝试一下各种工具，看看它对你的开发和调试过程是否有帮助。