Firebug（Firefox设计开发类插件）

    这可不是一只普通的“臭虫”哦，可以用神通广大来形容了。用了一段时间简直是爱不释手。他可以用来调试HTML、CSS、JS、DOM等等很多的内容，前段时间做天气预报，一直困扰的Ajax的调试也可以利用他来进行。
    他是一个Firefox的插件，但他简直就是一个独立的软件。他可以在Firefox的下方以一个工具栏的形式出现，也可以打开一个独立窗口。
    你可以检查或编辑HTML的内容并且可以即时的预览。
    真正可视化调试CSS。你可以对CSS进行检查或编辑也是即时预览，并且不管你的CSS文件是不是一个或多个，也不会造成背景图片丢失的情况。如果你点击检查，还可以跳转到对应的HTML内容。你还可以得到元素之间的距离尺寸等信息，似乎有把尺子。
    检测网络活动情况。知道你打开的网页都下载了些什么，下载某个JS用了多长时间，你的页面慢究竟是因为什么。
    对JavaScript的断点调试。这个真是太有用了，再也没有比在线直接调试JS的好了。你可以先打开页面在对应的JS代码对应的行设置断点，刷新一下JS运行到断点的地方就暂停了。并且给出已经得到的一些变量的值或数据，让你知道你的代码是哪儿出了问题。
    他对DOM也是了如指掌。你可以快速的找到DOM节点，来配合JavaScript使用。

更详细的内容可以去官方去看http://www.getfirebug.com/
并且你还可以在那里下载到他，他是免费的哦。就是没中文版。