编辑“Ajax- 使用Firefox的Web开发扩展”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[Ajax学习教程#Ajax学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

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

[[Image:image0140.jpg]]

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

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

l    Disable菜单用于禁用浏览器的一些功能，如JavaScript、CSS、cookies和动画图片。
<br>
CSS菜单包含了与CSS规则和样式表相关的工具。<br>

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

Images菜单用于显示图片缩略图或隐藏图片。<br>

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

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

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

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

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

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

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

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