卓思网 - Joomla Choice

最近论坛中很多朋友问关于调整页面的问题，比如调整字体，调整间距等等问题。其实这是一个相对简单的问题，不过很多朋友没有采用合适的工具来进行调试。本文简单介绍一下firebug, firefox浏览器的插件，利用这个插件我们可以进行很多调试，比如CSS页面调试，js调试，网络下载状况监控等等，可以说firebug是一款 web前端调试的瑞士军刀。

当然要使用firebug，首先要安装firefox ，相信你使用了ff之后，就不会再回到ie上。在http://www.mozilla.org.cn/官网站点可以下载合适版本的ff。安装完毕后，就可以安装firebug插件。插件的安装地址：https://addons.mozilla.org/en-US/firefox/addon/1843

 点击add  to firefox 就可以在线安装，安装过程中要稍等一下。安装完毕后重启ff.

接下来就让我们认识一下firebug的庐山面目。在ff中输入的你要调试的地址，然后在ff的菜单->工具->firebug，点击打开firebug。这时会在浏览器下面出现一个窗口。如果是第一次调试某一网址和页面，可能需要把窗口中三个选项都打选中，然后确定，然后刷新一下页面，通常你就可以看到下图：

我们可以看到窗口分为左右两个部分，左边是页面的元素，也就是页面的源代码，而右边是css。多点击几下其他的按钮可以了解一下这个工具。我们来看几个最常用的调试手段。

1、我们可以直接改变右边css样式的值，这时候可以直接看到修改的结果。

 2、在样式的窗口点击右键，我们还可以添加新的css项

 3、同样在左边的窗口也可以修改代码，你可以添加删除元素，修改属性。

4、点击窗口左侧上不的“查看”，可以使窗口处于选择状态，这是，鼠标在页面划过的时候，可以快速选中，你要修改的地方。

5、 在右侧窗口“选项” 选中显示计算样式，可以查看元素一些最终的计算后显示属性。

 6、在右侧窗口鼠标浮动在某个css文件名称上，可以看到css文件的全路径。

只是简单的介绍一下firebug的CSS调试功能，实际上的firebug的功能非常多，还可以配合firephp等其他插件，调试php。