2015年11月16日 环境配置 浏览(225) 收藏

Web 前端调试利器Firebug的安装与使用

Web前端开发过程中,我们期待实时看到Css样式变化后的效果,如颜色、边框、长宽等样式变化后无需刷新页面就能看到渲染效果。或者期待JavaScript执行过程中遇到不可知异常时,能做断点测试,查看相关js属性值等。Firebug让这一切变得可能。


1. 什么是Firebug?

答:Firebug是火狐浏览器(firefox)的一个扩展插件。


2. 如何安装Firebug?

首先,开发环境需要安装火狐浏览器,并打开火狐浏览器


1)工具->附加组件,见图


QQ图片20151116224015.png


2)搜索 Firebug并安装


1447684806041088586.png


3. 如何使用Firebug?

如下图红圈圈的bug虫子,这个图标的出现就代表你安装成功了,点击下就会出现如图所示 的弹框。


1447685005678031397.png


4. 如何给javascript代码增加调 试断点?

按图添加断点后,刷新页面。


1447685392152072399.png

刷新页面后的断点如下图:

1447686159093091677.png

至此,Firebug的基本使用已介绍完毕。献给Web 前端初学者。


赞一下 0 人赞了本文