不可或缺 20个必备的Firefox插件

    FireFTP
   
    FireFTP在Firefox的工具菜单中增加了一个选项。点击之后，一个新的标签页就会打开，（如果你愿意，也可以设置为在一个新窗口中打开）里面有一个床头的双窗格的FTP客户端：本地文件在左边，远程的则在右边。通过右键点击文件，你就可以设置它们的传输许可，你就能通过FTP进行所有相关的操作了。

图16 FireFTP让FTP工具出现在Firefox中（点击看大图）

    一个很不错的特性就是“在网络中查看”，它能够在新页面中打开远程服务器上的文件。你能够让每个主机剪取目录结构中的一部分，这样你就能够获得有效的URL，而不是文件的“物理”路径。

    但这个客户端仅仅是一个FTP，这点不免让人感到有些沮丧。当询问到SFTP支持时，作者的回答是也许要在2.0版本时才可出现。还是让我们期待它的到来吧。

    警示：将FireFTP与Firefox 2.0.0.1结合到一起可能会暴露出Firefox中的一个bug，那就是让CPU的占用变得很高。如果你还在使用2.0.0.1版本，那么建议在安装FireFTP之前先升级到2.0.0.2。

    目前版本：0.94.6
   
    下载地址：http://addons.mozilla.org/firefox/684

    Firebug
   
    Firebug对开发者来说则是开发网页不可或缺的工具。它能够让你检查和设置一个页面中的HTML、CSS和Java脚本，而所有的一切都非常迅速。Firebug可以作为你正在检查的页面底部的一个窗格打开，也可以在一个单独的窗口中打开。

    Firebug所能做的事，恐怕要用一整篇文章才能说得清。但若是浅谈一下它的功能，那么就让我们来看看它基本的HTML代码编写。如果Firebug是处于活动状态，那么在Firebug窗口中，你的鼠标移动在一个HTML标签上时，一个高亮区域则会出现在提交页面上，显示标签的显示所在。

图17 检查页面的HTML代码（点击看大图）

    另外，你也可以让Firebug处在审查模式下。接着将鼠标移动在提交页面上就能够让适当的代码行被高亮显示。双击代码之后，你就可以进行编辑，并马上看到你所做的改变。而CSS也能够以同样的方式进行编辑操作。

    如果是应用在Java脚本的开发上，Firebug能够发现错误并很快跳到错误代码处。你就能够按照步骤一行行地更改代码或是设置断点等等。实际上，作为浏览器的一个扩展，它是非常成熟的去除Java脚本错误的工具。

    如果你需要开发网页，那么你一定会希望将它添加到你的工具集中。

    目前版本：1.01

    下载地址：www.getfirebug.com

    Web Developer
   
    Web Developer对于代码编写来说就像一把瑞士军刀。它有些功能与Firebug重复，但Firebug本身主要关注的大都是网页的内容，而Web Developer所提供的功能则是让你如何能与页面进行互动。

图18 Web Developer的串联菜单（点击看大图）

    例如，你能够在运行中修改cookies，检查、删除甚至是手动地进行添加。你可以更改表单设置，清除隐私数据或是禁用缓存——所有的一切都能够实时操作。

    Web Developer的功能能够作为一个工具栏来获得，或是作为Firefox的工具菜单下的串联菜单。因为你能够一眼看到所有功能的顶级目录，因此使用工具栏是非常便利的，当然，如果你正在进行网页开发，它会比较容易被你关闭。

    这个扩展对一般的用户也很有用，因为它能够关闭页面的背景图像。如果你由于背景的花哨而在阅读显示的文本时有所不便，你就能够用得上它。

    网络开发者可能会同时使用Firebug和Web Developer，而这两个扩展也应该能够和平的共存。

    目前版本：1.1.3

    下载地址：http://addons.mozilla.org/firefox/60

    MeasureIt
   
    它很简单但实用，在安装了之后，你的状态栏上就会出现一个小的标尺图标。当你点击它时，你的浏览器窗口中的客户端区域的颜色就会有些淡化，你就会看到一个十字准心。

    使用它将一个窗格拖动到屏幕上，在窗格的旁边显示的是它的高度和宽度，以像素为单位。不需要猜测侧边栏究竟有多宽，或是脚注是否确实提交了150象素的深度，就像你的样式表上所说的那样。当你完成之后，MeasureIt就会关闭，恢复到你之前的页面上。

图19 使用MeasureIt对页面上的任何东西进行测量（点击看大图）

    目前版本： 0.3.6

    下载地址：http://addons.mozilla.org/firefox/539

    ColorZilla
   
    它是另一个便捷易用的工具，这对设计人员来说比开发人员更有用一些。ColorZilla会在你的状态栏上安置一个滴管图标。点击之后，你就会看到一个十字准星。当你的鼠标在页面上移动时，RGB的像素值就会在状态栏上显示，还能够显示十六进制值，例如R:255, G:255, B:255 | #FFFFFF。

图20 ColorZilla能够在状态栏上显示像素值

    另外，在你鼠标指出的样式容器外围会有一个边框，指示出这个容器是什么以及它所使用的样式。

    ColorZilla还提供颜色拾取、调色板以及简单访问DOM Inspector功能，还有一个Mozilla的工具能够用来检查页面中的文档对象模块。

    目前版本： 1.0

    下载地址：http://addons.mozilla.org/firefox/271

图21 更多ColorZilla的选项

（原文作者：Peter Smith 文章来源：www.computerworld.com 点击查看原文）