首页 > 代码库 > web开发工具-Firebug

web开发工具-Firebug

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