Life – WeiG

FireBug是个FireFox的插件，就在FireFox推出它的3.0版本的时候，FireBug也跟着升级到了可以支持FireFox 3的版本。

相信如果你对HTML、CSS有着一知半解的认识，或者你对于网页还停留在以前table layout阶段时，对于网页上的HTML、CSS代码的调试，是个非常头疼的问题（我就是这样）。尤其是你的网页不是本地的，且有服务器端的代码的时候。

FireBug就是这样一个插件，它可以帮你检查HTML、CSS代码，可以帮你把代码和网页的显示效果结合起来，甚至可以直接修改HTML、CSS代码，并且不需要刷新就可以立即把修改应用到网页上。

安装FireBug首先要求你有一个FireFox浏览器，然后去FireFox Addons网站上安装最新版本的FireBug。最后重新启动FireFox就可以了。

当你打开一个网页的时候，只要按下键盘上的F12键，或者用鼠标点击浏览器右下角的图标。就可以打开FireBug。

而当你对页面上的某个元素需要详细的信息时候，右键点击对应的页面上的元素，然后选择菜单中的“Inspect Element”即可。

如果你对页面的显示效果不满意，在HTML代码上直接修改就可以了。鼠标移动到对应的元素上，页面上的该元素所代表的显示区域也会高亮。

不仅如此，对于CSS的盒子模型，FireBug也能从容对应。在FireBug右边窗口上方选择Layout，即可打开与当前元素相关的盒子模型，包括border、margin、padding和offset。直接修改对应的数字，页面也会做出相应的更改。

除此之外，FireBug还可以评估页面的加载速度。

对于AJAX，一般的网页调试工具是比较不容易处理，而FireBug则可以轻松应对。另外还有JavaScript，也可以像程序一样的进行调试。

应用在我的身上，FireBug帮我解决了好几个网页上的问题。包括Gravatar、Author Comment Highlight等等。