码迷,mamicode.com
首页 > Web开发 > 详细

Web开发调试工具——FireBug

时间:2014-12-09 09:21:17      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:firebug   web开发工具   

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

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

        Firebugfirefox下的一个扩展,能够调试所有网站语言,如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也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSSHTMLDOM 以及JavaScript 代码[2] 

    附上链接,有兴趣的可以点击看看:

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

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

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

 bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

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

 bubuko.com,布布扣

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

Web开发调试工具——FireBug

标签:firebug   web开发工具   

原文地址:http://blog.csdn.net/lianjiangwei/article/details/41749487

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!