1.firebug

Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、

调试和监控任何 网页上的 CSS、HTML 和 Javascript。

下载地址：https://addons.mozilla.org/zh-CN/firefox/search?q=firebug&cat=all

2.firephp

FireBug是针对CSS、HTML和JavaScript的一款很好的开发工具，但是FirePHP只有在用户安装了FireBug之后才可用，可以为PHP开发者所用，便于他们管理PHP函数

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/6149

3.ColorZilla

ColorZilla是个方便的网页颜色分析工具，它包含颜色选择器，调色板，颜色DOM分析工具，支持鼠标对特定对象的选择，可以和Firebug协同工作，支持网页缩放。你可以用它对视觉效果强的网站进行配色分析，然后参考进行设计。 

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/271

4.CSSViewer---

CSSViewer是一款小巧的CSS属性查看器，随着鼠标的移动显示当前所指示元素的CSS样式信息，其中包括了所有从父级元素继 承而来，用户自定义以及浏览器自定义的样式信息。同时。您也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。 

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/2104

5.Font Finder

Font Finder使得开发者可以在网站上突出一些文字的字体，右击选择后，选择“查找字体”，查看选定文字的全部的CSS文字样式，然后将这些文字粘贴到您自己的网页中。 

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/4415

6.HTML Validator

HTML Validator是一款很强大的插件工具，并且它只是用于Windows用户。它可以帮助您找出网站中的一些错误，并且标注出来，当然，您也可以选择对网站上单独的网页进行但也分析。 

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/249