FireBug(萤火虫)
FireBug(萤火虫)是Firefox 的插件。 FireBug(萤火虫)与firefox集成在一起,让您在浏览网页时拥有一套强大的网页开发工具在手。您可以在任何网页上编辑、调试和监控CSS、HTML 和Javascript。并且在线时可以修改dom非常大的插件。
FireBug(萤火虫)软件简介
Firebug的其他功能也很强大,比如html、css、dom的查看和调试,网站的整体分析等等。总之,它是一个完整、强大的WEB开发工具。然后是它的开源软件。
FiFireBug(Firebug)集成了HTML 查看和编辑、Javascript 控制台和网络状态监控。可以说是开发者必备的扩展之一。 Firebug从不同的角度分析网页的内部细节,给Web开发者带来了很大的便利。
FireBug(Firefly)为您的Firefox 浏览网页时集成了丰富的开发工具。您可以实时编辑、调试和监控任何网页的CSS、HTML 和JavaScript.
FireBug(萤火虫)功能介绍
功能1:监控网络活动
查看每个文件的时间线
功能2:查看Http相关信息
检查HTTP 标头
监控XMLHttpRequest
功能3:调试JavaScript
设置断点
在任意行暂停
直接跳转到指定行
功能四:查看DOM相关信息
根据您的需求选择您想要查看的内容
导航到JavaScript 代码
特性5:JavaScript 日志记录
使用类似Console.log(\"hello world\") 的东西
进入Firebug的控制台
功能6:Html相关信息
动态视图代码
即时HTML 编辑
使用鼠标导航到元素
抬头
查看、编辑、重新加载复制代码
功能七:CSS相关信息
视图级联
预览颜色和图像
手动CSS
启用/禁用CSS 样式属性
FireBug(萤火虫)使用方法
1、打开网页,在网页上单击鼠标右键,在弹出的选项中选择【查看元素】选项。
2.然后就可以打开FireBug工具了。
3. 撤消和重做,您可以单击撤消或重做来修改您输入的代码。
4、点击【控制台】,在这里输入代码的调试信息。例如,您在代码中添加了调试信息console.log(\'jy\')。
5、点击【调试器】选项,这里主要用于调试JS脚本代码。您可以单击在代码中添加断点。当代码运行到断点时,就会被中断。
6.样式编辑器,在这里可以看到网页使用的样式,并且可以在右侧的框中实时输入新的代码,输入后就会应用到页面中,方便我们即可看到对应的效果。
FireBug(萤火虫)常见问题
Q:firebug安装成功但显示禁用状态。点击F12也无法激活怎么办?
A: 不知道用户的停用是指停用扩展还是停用功能。一般情况下,对于前者,可以通过插件管理列表进入扩展管理界面,找到扩展选项卡,点击激活扩展管理列表,找到firebug选项。将其设置为活动状态以供正常使用。
FireBug(萤火虫)更新日志
把bug扫到底
优化用户反馈,提升细节体验