【01】Firebug 教程
Firebug 教程
什么是 Firebug?
Firebug 是一个开源的web开发工具。
现在浏览器自带firebug了。
安装 Firebug
Firebug下载地址: https://addons.mozilla.org/en-US/firefox/addon/1843/
使用Firefox浏览器访问以上下载地址,打开页面后,点击下载按钮后,会有个弹窗页面,提示安装的目录,安装后重启你的Firefox浏览器。
重启后就可以在Firefox浏览器中看到Firebug的图标。点击Firebug图标(位于Firefox浏览器右上角)即可激活Firebug插件。
![firedebug](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151413614-924483627.png)
Firebug 组件
Firebug 选项
![firebug-opitons](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151413930-1769214849.png)
在页面上点击检查元素
![firebug-inspect](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151414240-1213380446.png)
撤销与恢复
![go-back-forward](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151414769-746664532.png)
显示命令行
![show-command-line](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151414982-1606320386.png)
面板选择
![panel-selector](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151415224-559710630.png)
控制台
![console-and-enabling-it](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151415508-1208799942.png)
HTML 面板
![HTML-panel](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151415809-1932255696.png)
CSS 面板
![CSS-panel](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151416065-49059714.png)
脚本面板
![Script-panel](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151416290-1662248057.png)
DOM 面板
![DOM-panel](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151416536-2003487299.png)
网络面板 (用于网页测速和优化)
![Net-panel](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151416836-1140030571.png)
其他按钮
![other-buttons](https://images2018.cnblogs.com/blog/715962/201804/715962-20180427151417059-517234382.png)
- 1 - 最小化Firebug。
- 2 - 在浏览器窗口安装Firebug。
- 3 - 停用Firebug。
**