firebug是什么

   一、Firebug是什么?

  Firebug是网页浏览器 Mozilla firefox下的一款开发类插件, 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面, 给Web开发者带来很大的便利。目前为止,firebug应该是网页开发中最好的工具了。还没有任何一个工具可以超越它。

  对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一,也可以说Firebug的CSS调试器是专为网页设计师们量身定做的!

  二、firebug怎么安装?

  1、首先下载Firefox浏览器 点击下载


  2、找到工具(T),下拉列表中选择附加组件。


  3、获取附加组件


  4、在搜索里输入firebug,稍等即可。


  5、安装firebug插件,安装完成后的图标如图所示:


  6、查看页面元素并对页面进行修改。

时间: 2024-09-19 18:53:49

firebug是什么的相关文章

开发过快 Firebug开发者跳槽到Chrome

据CNET报道,火狐浏览器扩展Firebug程序员John J.Barton被Chrome开发小组聘请,将不再开发firebug,转为Chrome浏览器调试.John J.Barton于7月17日写到,"本周一,我开始在谷歌Chrome浏览器小组的新一代网络开发工具团队工作.并且不再为火狐浏览器提供纠错调试扩展firebug". http://img.cnbeta.com/newsimg/110719/11541702146578303.jpg 这个变化,足以反映浏览器市场的新规则:F

10分钟学会前端调试利器——FireBug

概述 FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件.它可以用于调试JavaScript.查看DOM.分析CSS.监控网络流量以及进行Ajax交互等.它提供了几乎前端开发需要的全部功能.官方网站:www.getfirebug.com 如何获取Firebug? 因为它是Firefox浏览器的一个扩展插件,所以首先需要下载Firefox浏览器.读者可以访问www.mozilla.com下载并安装Firefox浏览器.安装完成后用它访问https://addons.

Firebug入门指南

据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一. 我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来. ================= Firebug入门指南 作者:Estelle Weyl 原文网址:http://www.evotech.net/blog/2007/06/introduction-to-firebug/ 译者:阮一峰 本文是Firebug的一个概览,并不对它的所有特性进行详尽解释.不过,本文的内容

Firebug的扩展CSS Usage标签

核心提示:CSS usage是一款基于firebug的firefox扩展,可以用来查看页面中的CSS使用情况,从而方便开发者优化CSS样式表. 相关下载: FirebugV1.7.0 之前给介绍个火狐浏览器Firebug组件的用法(http://www.duote.com/tech/3/7891.html).今天介绍下firebug它的扩展标签css usage的应用. (CSS usage是一款基于firebug的firefox扩展,可以用来查看页面中的CSS使用情况,从而方便开发者优化CSS

FirePHP — php版的firebug

在friendfeed上找到的了这个名为FirePHP的Firefox插件,是基于Firebug的一个扩展,可以用来在Firebug的console中方便的输出php的调试信息又不影响php程序的正常运行.实际上这东东出来的时间也不短了,只是以前没试用过,现在把玩了一会也挺有趣.附图一张:   FirePHP包含两个部分 firefox扩展 php程序库 FirePHP的php调试信息都是通过在http头里面添加X-FirePHP-Data信息串来标识,不会直接输出到页面上,这样也就避免对php

Firebug 1.5正式发布:几个不错的新功能

Firebug 1.5在经历6个月的开发和36次alpha和beta版本之后,终于发布正式版了. 新版的Firebug 1.5有一些很不错的功能: 增强的元素查找器 更精确的NET面板计时 HTML 变化中的断点 右侧栏中的布局子面板中添加z-index和position属性 支持MathML和 SVG名字空间(同时可查找和编辑) XHR中断 增强的 HTML 编辑 控制栏和Net栏中添加Persist 按钮 独立的计算过的 CSS和 Style子面板 很多很多bug修正和稳定性增强 当然还有很

Firebug的Console的用法

Firebug对于Web开发人员来说,已经成为了不可或缺的工具,但是在我日常的工作中,常常感觉还没有能够深刻的挖掘出她的潜力,今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用,记下来和大家分享一下. Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab,今天着重说一下Console的用法. 其实我们对于Console应该非常熟悉,因为这里是Firebug给出各种信息的窗口,而这也正是Console的主要用途,日志记录(Loggi

Firebug控制台详细解析

Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些基本用法.今天,继续介绍它的高级用法. 控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息. 一.显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示信息. 最简单的方法是console.log(),可以用来取代alert()或document.write().比如,在网页

用firebug查看网页中的元素信息

  在火狐浏览器中,使用firebug可以实时查看网页页面中各个元素的各个信息,包括元素的尺寸,css样式等,如下图所示,我选中了ps这个小图片,在firebug中显示了该小图片的代码信息,在左上角有个快速信息(图片大小样式等),而在右下方,则是选中元素的具体的css样式. firebug的强大超乎想像,这个网页元素查看功能只是其中的小功能. 选项设置

Jquery使用Firefox FireBug插件调试Ajax步骤讲解

 本文介绍Jquery下的Ajax调试方法,Jquery Ajax 提供了全功能的 $.ajax() 方法,还有诸如 $.get(),$.getScript(),$.getJSON(),$.post() 和 $().load() 等更为简便的方法 首先,我们用一个示例来说明JQuery的Ajax调用过程,   实现的一个功能是:点击确认支付按钮之后,实现余额支付的功能:   1.首先在php页面将相关需要调用的函数绑定到按钮上:     代码如下: <input type="submit&