FireBug(萤火虫)是Firefox的一个插件,FireBug(萤火虫)和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大的插件。
Firebug的其他功能也很强大,比如html,css,dom的查看与调试,网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。
FiFireBug(萤火虫)集HTML查看和编辑、Javascript控制台、网络状况监视于一体,可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。
FireBug(萤火虫)为你的Firefox 集成了浏览网页的同时随手可得的丰富开发工具。你可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控…
功能1:Monitor network activity
查看每个文件的时间线
功能2:检查Http相关信息
检查HTTP头
监视XMLHttpRequest
功能3:调试JavaScript
设置断点
在任意行暂停
直接跳转到指定行
功能4:查看DOM相关信息
根据需要选择查看所需的内容
导航到JavaScript代码
功能5:JavaScript Logging
使用如 Console.log(“hello world”)
输入到Firebug 的 控制台
功能6:Html相关信息
动态查看代码
即时的HTML编辑
使用鼠标定位到元素
查找
查看、编辑、重新加载 复制代码
功能7:CSS相关信息
查看级联
预览颜色和图像
手调CSS
启用/禁用CSS样式属性
1、打开网页,在网页中点击鼠标右键,在弹出的选项中选择【查看元素】选项。
2、然后就可以打开FireBug工具了。
3、撤销与恢复,您可以点击撤销或恢复来修改您输入的代码。
4、点击【控制台】在这里主要是输入代码的调试信息,比如你在代码里添加了调试信息console.log('jy')。
5、点击【调试器】选项,在这里主要是用来调试JS脚本代码的,可以在代码里点击加上断点,当代码运行到断点上时,就会进行中断了。
6、样式编辑器,在这里可以看到网页所使用的样式,而且可以在右边的框里,实时输入新的代码,输入后,就会应用到页面上了的,可以方便我们看到对应的效果。
Q:firebug安装成功了但是显示停用状态 点击也不能激活 F12也不行怎么办?
A:不知道用户所说的停用是指扩展停用还是功能停用,一般前者的话,可以通过附加组件管理列表进入扩展管理界面,找到扩展选项卡,点击后激活扩展管理列表,找到firebug选项,将其设置为激活即可正常使用。
将bug扫地出门进行到底
优化用户反馈的问题,提升细节体验
同类推荐
2022-06-08
立即下载2022-06-14
立即下载2022-06-18
立即下载2022-07-05
立即下载2022-07-05
立即下载2022-07-12
立即下载相关文章
天天流水账安装后该如何使用?
2023-01-02Windows版iCloud如何设置和使用?
2022-12-25Microsoft Word 2010无限放大字体的方法
2022-12-25IMindMap思维导图如何设计流程图?
2022-12-18Edge浏览器添加主页的方法
2022-12-18PyCharm永久激活_PyCharm 2018激活码
2022-12-18WampServer图标显示红色后变橙色怎么办?
2022-12-04爱思助手如何刷机?爱思助手一键刷机的技巧
2022-11-26怎么去水印?万彩影像大师去水印的方法
2022-11-26Word 2007正版激活_Word 2007序列号下载
2022-11-12