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

web开发工具-Firebug

时间:2017-04-05 17:51:02      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:技术   org   页面   ref   右击   查看   com   提示   strong   

Firebug 是一个开源的web开发工具。

安装 Firebug

Firebug下载地址: https://addons.mozilla.org/en-US/firefox/addon/1843/

使用Firefox浏览器访问以上下载地址,打开页面后,点击下载按钮后,会有个弹窗页面,提示安装的目录,安装后重启你的Firefox浏览器。

重启后就可以在Firefox浏览器中看到Firebug的图标。点击Firebug图标(位于Firefox浏览器右上角)即可激活Firebug插件。

技术分享

Firebug 组件

Firebug 选项

技术分享

在页面上点击检查元素

技术分享

 

使用Firebug查看和编辑HTML、CSS

在你要查看的元素上右击鼠标然后点 Inspect Element(查看元素).

技术分享

修改CSS:

技术分享

Firebug监控网络情况

技术分享

 

web开发工具-Firebug

标签:技术   org   页面   ref   右击   查看   com   提示   strong   

原文地址:http://www.cnblogs.com/yangyl-justdoit/p/6669528.html

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