对于网页开发人员，将firebug称为神器并不为过。

firebug是firefox的一个插件，暂时我还没看到能在其他浏览器运行或相似的插件。

firebug介绍下载页：https://addons.mozilla.org/zh-CN/firefox/addon/1843

下面简单介绍一下firebug.

安装完成后，右键网页时，会添加一个“查看元素”

然后浏览器下方会出现firebug窗口

左边为HTML代码查看器，通过加减号能收起折叠代码。在上方还详细标出DOM的层次。

右边为CSS查看器，能够直接修改样式表，并能马上在页面看到效果的。当然，要真正变动还是要修改原来的CSS文件。

查看布局：

当你鼠标移支HTML代码查看器上的某个CSS类或ID时，页面对应的区域会变色，令你清楚知道自己在修改那个区域，如图：

相对于修改一些简单的错位，加宽或者改大小等等，以上已经完全可以解决（当然，要具备一定的CSS基础）。

但firebug的强大还远不止于此，若果你打开控制台（将降低Firefox性能并要求页面刷新），还能进行js调试，或查看加载页面时那个拖慢了速度等等。