今天推荐的博客利器是Firefox与其扩展Firebug，为什么写博客会推荐起浏览器来呢？往下看你就知道了。

也许有的朋友还不知道Firefox为何物，如果真的是这样（其实我不希望是这样），那么请看看我以前的文章：Firefox3.0优秀文章集锦、Firefox3.0优秀扩展集锦。估计看过之后你也会对Firefox有一个大致的了解了。

那么，我为什么要介绍Firefox的扩展Firebug呢？因为我发现很多写博客的朋友和我一样，并没有系统的学习过HTML、PHP以及CSS知识，而一旦你用Wordpress架设独立博客，难免会要修改个主题什么，改一改字体什么的，那么，这个时候，Firebug就派上用场了。

这个扩展的主要作用就是可以让你我这些没有系统的学习过HTML、PHP、CSS的人，能够在最短的时间内找出你所用主题的毛病除在哪里，所以，它叫做fire“BUG”！火烧虫子，开个玩笑

比如，你发现你用的某个主题有点问题，但是你只是了解一点点代码知识，这时候，你可以用Firebug来查找，首先，单击Firebug的图标，然后你会看到，会有一个衔接的窗口出现在当前页面的下方，如下图：

如果你知道页面中某个地方有问题，但是不知道错的是哪个文件，哪段代码，这时候，你可以点击上图中的Inspect，然后把鼠标移动到页面中错误的地方，你会看到随着你鼠标的移动，有一个框框在跟着移动，同时上图中的代码也在变动，这时候，如果你已经把鼠标移动到页面中错误的地方，按下鼠标左键，你会发现，上图中的代码已经定位到出错的地方了，如下图：

这时候你可以看看，如果是诸如页面错位、字体大小、颜色等问题，一般是主题的CSS文件有问题，而如果有错误代码的话，那就是你的PHP或者代码的问题了。

如果是CSS代码的问题，很简单，因为这时候你已经找到了那段代码，所以，接下来，你只需要找到这段代码所对应的CSS代码，然后修改，相对比较容易，如果涉及到页面布局的问题，那么一般会要修改PHP代码文件，这时候，你可能需要找到这个CSS类在哪些PHP文件中有用到，并且找到这个错误代码所在的文件进行修改，如下图：

比如，上图中蓝色标记的地方“alignleft”就是主题上的导航信息，你估摸着这个问题应该在header.php文件中，这时候，你就可以找到header.php，然后搜索alignleft，然后修改，知道满意为止。

当然，你也可以直接在上图中修改代码，然后保存，看看效果，这样最好，等到改好了，你在修改header.php的相关代码。

其它的一些功能还有很多，比如可以直接定位到CSS文件的哪一行出了错，还可以查看网页的整体布局、框架等等，用处非常之大。

记得，如果你还发现更加强大的功能，别忘了留言告知我哦

博客利器之1：自然码