1.Firebug

Firebug无论是查看DOM结构、调节样式、调试JavaScript，Firebug都无愧是“拿莫温（NO.1）”。在FireFox3还是beta版的时候，Firebug就已经发布了全面支持FireFox3beta的版本。在FireFox3正式版中，依然有强劲的表现。
安装下载：
Firebug官方网站
FireFox附加组件中心（版本更新慢）

2.Web Developer

仅次于Firebug的网页开发设计者工具。功能众多而且强劲。看着这令人眼花缭乱的插件设置窗口，就能一窥它的强大。推荐网页开发者和网页设计者使用，能够帮助你方便的对页面进行调整和完善。Firefox上开发和调试web站点的不二之选。Web developer toolbar包含了一系列工具，从cookie管理到CSS调试，从导航线到屏幕标尺，功能简直是多得说不完。
安装下载：
Firebug中文安装（推荐英文不好安装）
Web Developer官方主页
FireFox附加组件中心下载Web Developer

3.CSSViewer

简单易用的 CSS 查看器，可以方便的查看当前浏览页的各项 CSS。
安装下载：https://addons.mozilla.org/zh-CN/firefox/search?q=CSSViewer&cat=all

https://addons.mozilla.org/de/firefox/downloads/file/30262/cssviewer-1.0.3-fx.xpi

4.JavaScript Debugger

一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。强烈推荐这个刚下 载了一个Mozilla免费调试器 JavaScript Debugger。这个调试器的前身为Netscape的JavaScript调试器，它是Mozilla的一个附加产品。Venkman JavaScript调试器既是一个图形，也是一个控制台调试器。
安装下载：
https://addons.mozilla.org/zh-CN/firefox/addon/216
https://addons.mozilla.org/zh-CN/firefox/search?q=JavaScript+Debugger&cat=all