Firebug的使用技巧

2015-02-11
  • 585
  • 0
        Firebug是非常实用的web开发、测试工具,不论是页面的开发还是测试,都可以使用firebug来辅助工作。
        Firebug的安装可能会根据浏览器版本的不同而有所区别,但万变不离其宗,总的方法就是先找到“附加组件”,然后在“附加组件”的搜索框中搜索firebug,出现搜索结果后,选中,安装,就可以了。
        安装好之后,按F12,就可以开启和关闭firebug。friebug共有6个主要的TAB按钮:控制台、HTML、CSS、脚本、DOM、网络。
        控制台:显示各种错误信息,对脚本进行性能测试;
        HTML:查看源代码,不仅可以查看页面文件本身的源代码,也能查看通过脚本输出的HTML源码;
        CSS:查看页面中所有CSS定义;
        脚本:可以对页面中的所有脚本进行调试,包括链接的脚本;
        DOM:可以查看整个页面的DOM结构;
        网络:查看网络状况
        Firebug的功能其实很强大,这些功能和技巧可以在使用中逐渐掌握和积累。