Firebug-Firefox下调试圣手

FireBug 是一个非常实用的JavaScript以及DOM查看调试工具,是 Firefox 的一个插件,现属于Firefox的五星级强力推荐插件之一。使用 FireBug 调试 AJAX 应用非常方便。可以对AJAX进行Debug,跟踪出错信息,对当前网页进行即时编辑,CSS效果预览等等,相当强悍的一个工具。总的来说,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手,不,应该是圣手。

1、 安装

  • Firebug是与Firefox集成的,
  • 所以我们首先要安装的事Firefox浏览器。
  • 安装好浏览器后,
  • 打开浏览器,
  • 选择菜单栏上的“工具”菜单,
  • 选择“附加软件”,
  • 在弹出窗口中点击右下角的“获取扩展”链接。
  • 在打开的页面的search输入框中输入“firebug”。
  • 等搜索结果出来后点击Firbug链接进入Firebug的下载安装页面。

        在安装好插件之后,先用Firefox浏览器打开需要测试的页面,然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件,它会将当前页面分成上下两个框架

 

开启Firebug窗口后,我们可以看到窗口主要有两个区域:一个是功能区,一个是信息区。选择功能区第二行的不同标签,信息区的显示会有不同,Options的选项也会不同,搜索框的搜索方式也会不同,接下来就任凭自己探索吧!

Firebug的中文含义即萤火虫,作者是Joe Hewitt,官方网页 http://www.getfirebug.com

本站现在使用的主题就是在它强大的功能下修改完成的,有了它我的工作量大大下降,修改主题变的轻而易举,我是不是有点大材小用啦,哈哈,如果有需要赶紧去下吧!

评论

《 “Firebug-Firefox下调试圣手” 》 有 8 条评论

  1. 林西老九 的头像

    :嘻: :强: :微笑: 老九过来支持一下,嘿嘿

    1. hesiway 的头像
      hesiway

      @林西老九, :握手: 热烈欢迎!

  2. Tony 的头像

    昨天我也用这个插件了!还不错!

    1. hesiway 的头像
      hesiway

      @Tony, 恩,给我省了不少时间 :嘻: 用久了会很顺手的~

  3. 朵未 的头像

    这东西查看代码很好。俺用过几次。

    1. hesiway 的头像
      hesiway

      @朵未, 我开FF都是为了调试,就是启动慢了点~

  4. 小松 的头像

    相当不错的一个组件,很好很强大~

    1. hesiway 的头像
      hesiway

      @小松, :嘻: 好好利用~不能冷落了它~~嘿嘿