Web开发调试工具——FireBug

    在跟着牛老师做新闻发布系统的时候，牛老师在讲CSS之前建议我们安装Firefox+FireBug的组合，便于对我们自己编写的网页进行调试。当时我的电脑里没有Firefox浏览器，因此我就想，难道只有Firefox浏览器有调试插件FireBug吗？我认为不是的。因此我就尝试给Sogou浏览器安装调试工具，那么Sogou的调试工具是什么呢?我们先来看看FireBug是什么吧。

    在百度搜索框里输入“FireBug”，百度一下，我们看到FireBug是很强大的一款Web开发工具。其在百度百科的简介粘贴如下：

        Firebug是firefox下的一个扩展,能够调试所有网站语言，如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera,Safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。

        Firebug是网页浏览器 Mozilla Firefox 下的一款开发类扩展，现属于Firefox的五星级强力推荐扩展之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。例如Yahoo! 的网页速度优化建议工具 YSlow。[1] Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM 以及JavaScript 代码[2] 。

    附上链接，有兴趣的可以点击看看：

         http://baike.baidu.com/view/819414.htm?fr=aladdin

    了解了FireBug的强大之处后，我们就要着手在我们的浏览器中安装它了。毫无疑问，Firefox浏览器支持FireBug，我们就不多说了，那么其他浏览器呢？如前文提到的Sogou、IE等等。下面我们来看看在Sogou里如何安装FireBug吧，很简单的。

    首先打开的你Sogou浏览器，在浏览器的上方找到扩展，点击下三角找到“获取更多扩展”选项，点击之后，进入到搜狗浏览器扩展中心，在搜索框中输入“FireBug”，找到之后，安装即可，具体过程如下图：

 

    关于IE浏览器的开发调试工具，大家可以自己下载插件，可以告诉你是有IE版本的FireBug的，不过没那么好用，你可以找其他的，比如IE Developer Toolbar等，功能也是蛮强大的。另外要说明的是IE8及其以上版本自带了IE开发人员工具，你可以直接按F12进入调试界面，我的的IE浏览器版本是11的，给大家展示一下IE浏览器的开发者工具：

 

    其实IE浏览器自带的工具很强大，由于笔者刚接触，不怎么熟悉这块，也不知道调试的内容具体有哪些，所以就不在这里献丑了。最后想说的是，如果你要做Web前端开发，那么国内国外的主流浏览器的调试工具要能够熟练使用，以方便我们对我们的应用进行兼容性调试，这样我们才能做出用户体验更好的页面。