Firebug 教程

2019独角兽企业重金招聘Python工程师标准>>>

什么是 Firebug？

Firebug 是一个开源的web开发工具。

在本章教程我们将讨论以下内容：

如何安装 Firebug。
使用 Firebug 检查和编辑 HTML。
使用 Firebug 检查和编辑 CSS。
使用 Firebug 调试 JavaScript。
在 Firebug 中动态执行 JavaScript。
使用 Firebug 记录 Javascript日志。
使用 Firebug 监控网络。

安装 Firebug

Firebug下载地址： https://addons.mozilla.org/en-US/firefox/addon/1843/

使用Firefox浏览器访问以上下载地址，打开页面后，点击下载按钮后，会有个弹窗页面，提示安装的目录，安装后重启你的Firefox浏览器。

重启后就可以在Firefox浏览器中看到Firebug的图标。点击Firebug图标(位于Firefox浏览器右上角)即可激活Firebug插件。

Firebug 组件

Firebug 选项

在页面上点击检查元素

撤销与恢复

显示命令行

面板选择

控制台

HTML 面板

CSS 面板

脚本面板

DOM 面板

网络面板 (用于网页测速和优化)

其他按钮

1 - 最小化Firebug。
2 - 在浏览器窗口安装Firebug。
3 - 停用Firebug。

转载于:https://my.oschina.net/ajian2014/blog/305035

Firebug 教程相关推荐

优秀程序员必学的开发工具教程！
作为一名优秀的程序员,总要有几个压箱底的好技术.如果你对Dreamweaver.Eclipse.Firebug.HBuilder.Vim.Sublime Text等开发工具熟练运用,相信你是位成功的开 ...
W3School教程整理
W3School 教程整理前端教程合集在线浏览 AngularJS教程 Bootstrap教程 CSS参考手册 Foundation 教程 Highcharts 教程 HTML教程 CSS教程 F ...
30条HTML代码编写指南 for入门者
本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列. 1. 一定要闭合HTML标签在以往的页面源代码里,经常 ...
微信小程序常见错误及基本排除方法
2019独角兽企业重金招聘Python工程师标准>>> 也接触了不少人解决问题的过程里,有一些比较难以排查的可能性列举在这,方便大家看一下: 特别提示:为了排除问题所在,建议针对问题 ...
小程序开发常见错误及排除方法
小程序开发过程可能会遇到各种问题,不少人踩坑无数,小程序开发过程中有哪些常见错误,这里有一些比较难以排查的可能性列举,帮助开发者更好的排除错误. 1:官方文档示例代码有误,有时官方文档示例代码也会出现 ...
IT各类程序员详细学习路线图
专业技能线路前端工程师 1. 基础:HTML教程, CSS教程 2. 进阶:Javascript,jQuery 3. 高级:AJAX 教程,JSON 教程,XML 教程 4. 框架扩展学习: ...
Javascript 基础知识学习
Javascript 基础知识学习参考自:https://www.w3cschool.cn/javascript/ javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门 ...
Firebug初级教程
据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一. 我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来. ========= ...
无废话ExtJs 入门教程八[脚本调试Firefox：firebug]
Firebug是一个Firefox插件,功能:HTML查看和即时编辑.控制台.网络状况等,是开发JavaScript.ExtJs的得力调试工具. 一.Firefox的安装.下载地址: htt ...
jQuery中文入门指南，翻译加实例，jQuery的起点教程
中文版译者:Keel 此文以实例为基础一步步说明了jQuery的工作方式.现以中文翻译(添加我的补充说明)如下.如有相关意见或建议请 EMAIL 告知.或者在 BLOG中留言. 英文原版:http:/ ...