Firefox扩展工具：Firebug调试经验与技巧
作者：catge 来源：Alipay UED 发布时间：2008-10-31 13:16:00
标签：firebug,工具,调试,Firefox
不了解的同学先“点这里”看看什么是Firebug。简单来说，Firebug是Firefox上用来监视、编辑和调试站点的CSS、HTML、DOM和JavaScript的扩展工具。
我们先到Firebug的主页上下载最新的版本装上，下面开始调试：
1、查看、编辑HTML元素及其CSS
安装好Firebug之后，你可以通过点击浏览器右下方的小虫子打开Firebug，如图：
或者直接按F12，如果要以窗口形式打开的话，就按下CTRL+F12
打开Firebug之后，点击“查看”，然后选择页面上任何需要编辑的地方，Firebug会将其选中，并且在HTML结构中将其高亮，如图：
之后你可以对该元素的HTML结构、属性进行任意的编辑，修改后的效果都会实时的展现在页面当中。
同时在Firebug的右侧是该元素对应的CSS样式，如下图：
图中的样式，显示了该元素被重新定义的样式继承关系，比如“继承自body.CurHome”的“text-align”属性被“继承自div.shell”的“text-align”覆盖，原先的属性就会以中横线的形式表示出来。如果要查看所有的属性，请勾选图中标“1”的选项。
单击“2”可以禁用/打开某条CSS属性；单击任意一个属性或者属性值可以进行CSS的编辑，如“3”；双击“4”则可以新建一条CSS属性。现在我们点击下“5”来看看CSS布局面板：
上面这幅图展现的是一个HTML结构的标准盒模型，通过点击相应的数值可以修改该值，同时在浏览器窗口中显示出对应的效果来。
0
投稿猜你喜欢
1. 什么是 CSV 文件CSV（逗号分隔值）文件是使用逗号分隔信息的文本文件。该文件的每一行都是一条数据记录，也就意味着它可以用于以表格的- Google Talk是一个功能很简洁的即时通讯工具，尤其是它的文字输入区域，不同于其他IM，除了一个文字输入区域外没有任何其他操作。但是用
- 围绕文字、符号、链接三个方面，主要是中文，草拟的个人行文经验：1. 文字避免写错。应付挑剔的读者是一个方面，某些关键词的错误，有可能就避过了
- Oracle是目前应用最广泛的数据库系统。一个完整的数据库系统包括系统硬件、操作系统、网络层、DBMS（数据库管理系统）、应用程序与数据，各
- 4个不常用HTML标签optgroup、sub、sup和bdo运行代码框：<title>4个不常用HTML标签optgroup、
- 永远不要相信用户输入的内容具有适当的大小或者包含适当的字符。在使用其做出决策之前应该始终对用户输入进行验证。最佳的选择是创建一个
- ASCII(str) 返回字符串str的第一个字符的ASCII值(str是空串时返回0)mysql> select ASCII(
- 如何在线更改密码？<％id = Request("id")newpassword =
- 在Windows中安装MySQL时，有3种MySQL 5.1安装软件包可供选择：· 基本安装：该安装软件包的文件名类似
- 这个目前还是有个别无法显示，翻了下msdn貌似没看到更好的解决方案，暂时放弃继续研究，有晓得完全解决的朋友不妨回复说一声。 先附bat创建畸
- 经常有网友会问，SQL Server占用了太多的内存，而且还会不断的增长；或者说已经设置了使用内存，可它没有用到那么多，这是怎么一回事儿呢？
- 在良好的数据库设计基础上，能有效地使用索引是SQL Server取得高性能的基础，SQL Server采用基于代价的优化模型，它对每一个提交
- 设计是简单的如果你知道要放的东西该放到哪。曾经在某个电子杂志里看到一篇关于如何在平面设计中偷懒的文章，引发了我的一些思考，在平面设计中有这么
- asp分页做为一个经典的asp问题，有着非常丰富的分页形式和分页方法，但是大多数的asp分页都是使用VBscript作为服务器端的脚本，本文
- 大部分服务器管理员知道MySQL数据库管理系统（RDBMS）是高度灵活的软件块，带有范围广阔的启动选项，可以用来修改相关行为。然而，大部分人
- 第一种方法： 代码如下:Minimsdn.com为您提供的代码: -- Turn ON [Display IO Info when exec
- 先举个例子，以前负责教育培训类网站的时候，曾经接到过这样一个项目，需求方希望做一个充满趣味性的新手入门频道，页面要炫，最好是flash，用户
- 当存储一个CHAR值时， Mysql会除去尾随空间, 这个行为有点让人困惑， 用一个具体的例子来看一下： 首先 ，创建一个只有一个CHAR(
- 随着 CSS3 渐入人心，Web 字体逐渐成为话题，这种即将让未来的 Web 更加丰富多彩的技术（或者说标准）拥有多种可能，虽然 .webf
- MySQL服务器有几个影响其操作的参数（变量）。如果缺省的参数值不合适，可以将其修改为对服务器运行环境更合适的值。例如，如果您有大量的内存，
