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的选项 |
