web开发工具-Firebug

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的主要内容,如果未能解决你的问题,请参考以下文章

微信web开发者工具怎么用 微信web开发者工具使用方法

微信web开发者工具怎么调试网页

学web前端开发需要用哪些软件

微信web开发者工具怎么用

如何使用微信web开发者工具调试程序

web前端开发工具排名是啥?