本文翻译自http://bloggingbits.com/why-firefox-is-a-web-designers-best-friend/ ,内容有改动。

Firefox不仅仅是一个很棒的浏览器(即便你不是网页设计人员,也可以使用Firefox,当然需要你有一定的好奇心),它还是网页设计人员的好朋友。在Firefox中,你可以完成几乎所有的网页测试工作,结合图片编辑软件和代码编辑器,Firefox能让你更快更好的完成设计工作。

这篇博客并不打算列出所有和网页设计有关的Firefox组件列表,而是想把作者日常使用的那些相关组件介绍给同好。

我十分乐意倾听您如何在网页设计中使用Firefox以及更好的组件推荐。

首先,Firefox在默认安装后,没有内建任何关于网页开发设计的功能,尽管如此,它仍然有一些非常实用的功能,现列举如下:

  1. Firefox内置一个漂亮的源代码查看器,能亮显并格式化HTML和CSS代码(右键>查看网页源代码)
  2. 内置错误控制台(工具>错误控制台)
  3. 内置网页信息查看器,能够将当前网页中使用的资源分类列举出来(右键>查看页面信息),如果看到不错的背景图片或者flash文件,你可以在网页信息中查找并保存。

我喜欢的Firefox网页开发组件

Firebug:我最喜欢的组件!你有没有想过在浏览器中即时的编辑一个网页,但同时又不丢失你的源代码?如果有这样的想法,Firebug就可完成你的心愿。比如说,你可以在浏览器中实时地编辑和查看CSS,当你觉得满意后,将CSS再拷贝到你的样式表中。是不是很酷?

Colorzilla:Colorzilla是一个颜色拾取器,安装后出现在浏览器的状态栏中,能让你获取页面中任何一点的颜色信息,这样就省去了你在样式表中查找特定颜色的麻烦。

FireFTP:FireFTP是一个FTP客户端,一个可以在Firefox浏览器中启动的客户端。有了它之后,谁还需要一个单独的FTP应用程序呢?

YSlow:YSlow能够测试你的网页各项内容的表现速度,并且告诉你瓶颈所在,还针对性地提出加速的建议!

Codetech:一个内嵌于Firefox的文本编辑器。能够在一个新的标签页打开或在一个浮动窗口中打开。

Screengrab:如果你曾为截取长长的网页烦恼、为要在Photoshop中裁剪不必要的部分郁闷,那Screengrab组件可让你一键实现这些功能。有了Screengrab,你可以截取网页当前显示的部分或者整个网页,然后将其拷贝到剪贴板,或者直接保存到硬盘中。没错,这些功能只需要点一下鼠标。

IETab:尽管我们都不怎么感冒IE,但是大多数网友都使用IE。因此,与其打开IE查看你最新的网页修改,你还不如安装IETab插件,然后在Firefox中新建一个标签页打开IE。我知道,在Firefox中使用IE感觉很奇怪,但也不失为一种方法。

Web Developer Toolbar:这个组件不用介绍了,地球人都知道。网页设计人员必备组件。

最后,如果你知道其他有用的网页设计相关组件,请在下面的评论中告诉我,我将洗耳恭听。