Firebug使用详解

发表于:2014-08-08来源:博客园作者:夏楚枫点击数: 标签:Firebug
Javascript的调试, 是开发Web应用尤其是AJAX应用很重要的一环,

  Javascript的调试,

  是开发Web应用尤其是AJAX应用很重要的一环,

  目前对Javascript进行调试的工具很多,

  我比较喜欢使用的是Firebug

  Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,

  可以实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。

  本文主要是为初学者介绍一下Firebug的基本功能与如何使用Firebug。

  由于本人水平与能力有限,

  在文章中的可能会有很多错误与遗漏,

  希望大家能谅解和指正!

  1、 安装

  Firebug是与Firefox集成的,

  所以我们首先要安装的事Firefox浏览器。

  安装好浏览器后,

  打开浏览器,

  选择菜单栏上的“工具”菜单,

  选择“附加软件”,

  在弹出窗口中点击右下角的“获取扩展”链接。

  在打开的页面的search输入框中输入“firebug”。

  等搜索结果出来后点击Firbug链接(图1-1红色圈住部分)进入Firebug的下载安装页面。

1-1

  在页面中点击Install Now(图1-2)按钮。

1-2

  在弹出窗口(图1-3)中等待3秒后单击“立即安装”按钮。

1-3

  等待安装完成后会单击窗口(图1-4)中的“重启 Firefox”按钮重新启动Firefox。

1-4

当Firefox重启完后我们可以在状态栏最右边发现一个灰色圆形图标(
),

  这就表示Firebug已经安装好了。

  灰色图标表示Firebug未开启对当前网站的编辑、调试和监测功能。

而绿色(
)则表示Firebug已开启对当前网站进行编辑、调试和监测的功能。而红色图标(

原文转自:http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html