Questions tagged [firebug]

Firebug was a Firefox extension, which allowed the debugging, editing, and monitoring of any website's CSS, HTML, DOM, JavaScript, network traffic and cookies. You should just use this tag in case the question is directly related to Firebug itself and not a website you are debugging with Firebug.

Firebug was a Firefox extension that allowed the debugging, editing, and monitoring of any website's , , , and . It also had a JavaScript console for logging errors and executing JavaScript as well as a network monitor, which measured the amount of time in milliseconds it took to execute scripts and load images on the page. And it included a way to check and edit the cookies a website sets. Furthermore it had many extensions, which enhanced its functionality.

It became a must have aid tool for developers and testers around the world, but has now been discontinued by its developers.

Firebug is free and open source, licensed under the BSD license.

Relation to Firebug Lite

While Firebug was a Firefox extension, there is also a JavaScript bookmarklet called Firebug Lite, which works in all current browsers. It is also available as Chrome plugin. More info about Firebug Lite is available at the 'firebug-lite' tag page.

When to ask a Firebug question

The 'firebug' tag should just be used if your question is directly related to Firebug itself. You should not use it if your question is about some issue within your page and you use Firebug to debug it.

Before you're asking a question related to the usage of Firebug you should read its FAQ and documentation. If you experience a bug within Firebug, you should follow the steps described at the first aid page.

Useful links

2729 questions
104
votes
7 answers

How can I inspect and tweak :before and :after pseudo-elements in-browser?

I have created some fairly elaborate DOM elements with an :after pseudo-element, and I'd like to be able to inspect and tweak them in either Chrome Inspector or Firebug or equivalent. Despite this feature being mentioned in this WebKit/Safari blog…
majackson
  • 2,823
  • 6
  • 22
  • 38
103
votes
7 answers

Wireshark vs Firebug vs Fiddler - pros and cons?

Recently, I came across an issue where a CGI application is not responding. Symptom is Firefox displaying: Transferring data from localhost... But the thing is I cannot see any traffic from Firebug's Net panel, and the browser just stays on the…
Michael Mao
  • 9,878
  • 23
  • 75
  • 91
101
votes
17 answers

Firebug says "No Javascript on this page", even though JavaScript does exist on the page

Why does Firebug say there is No Javascript on this page when there are clearly loads of JavaScript on the page. I even reloaded the page several time to make sure but it still show the same message. It never used to do that before, but all of a…
Shaoz
  • 10,573
  • 26
  • 72
  • 100
100
votes
8 answers

What unique features does Firebug have that are not built-in to Firefox?

I just cleaned my Firefox addons and wondered: Which features does Firebug have that make it unique? Which features are available in both Firebug and the Firefox Developer Tools?
janpio
  • 10,645
  • 16
  • 64
  • 107
98
votes
5 answers

Print function log /stack trace for entire program using firebug

Firebug has the ability to log calls to a particular function name. I'm looking for a bug that sometimes stops a page from rendering, but doesn't cause any errors or warnings. The bug only appears about half the time. So how do I get a list of…
amccormack
  • 13,207
  • 10
  • 38
  • 61
89
votes
8 answers

Firefox addon to view/edit/create localStorage data?

Is there an addon that allows you to view, edit, localStorage information? If there is and it works as an extension of Firebug I will be extremely happy. Something like Google Chrome's local storage similar to Firecookie but for the…
BrunoLM
  • 97,872
  • 84
  • 296
  • 452
88
votes
17 answers

What features does Firebug have that Chrome's Developer Tools do not have?

I'm a novice web developer, and I've had Firebug recommended for debugging several times. So far, however, I've just been using Chrome's built-in Developer Tools. It seems to do everything that Firebug does, and is cleaner and more organized as a…
Matthew
  • 28,056
  • 26
  • 104
  • 170
86
votes
17 answers

Best Way to View Generated Source of Webpage?

I'm looking for a tool that will give me the proper generated source including DOM changes made by AJAX requests for input into W3's validator. I've tried the following methods: Web Developer Toolbar - Generates invalid source according to the…
Jeremy Kauffman
  • 10,293
  • 5
  • 42
  • 52
85
votes
6 answers

How can I inspect element in an Android browser?

I want to inspect my website CSS/HTML elements in my Android browser. However it will be over a smartphone or the Android SDK. What is the best way to do it?
Mansour Alnasser
  • 4,446
  • 5
  • 40
  • 51
84
votes
14 answers

How to debug web workers

I have been working with web workers in HTML 5 and am looking for ways to debug them. Ideally something like the firebug or chrome debuggers. Does anyone have any good solution to this. with no access to the console or DOM its kind of hard to debug…
Zachary K
  • 3,205
  • 1
  • 29
  • 36
84
votes
14 answers

Firebug: How to inspect elements changing with mouse movements?

Sometimes I need to inspect elements that are only showing up on a page if you put mouse over some area. The problem is that if you start moving mouse towards firebug console in order to see the changes, mouse-out event is triggered and all changes…
serg
  • 109,619
  • 77
  • 317
  • 330
83
votes
1 answer

Break when window.location changes?

I've got a page that's redirecting when it shouldn't be, and I'm trying to figure out who's doing it. First I tried hijacking window.location: window.location = (function (location) { // location is now hidden inside a closure. We can override…
PC Jones
  • 875
  • 1
  • 6
  • 5
81
votes
7 answers

Replay HTTP POST in google chrome Developer

Im switching from firebug to Google Chrome developer tools. I like it so far, but one feature that I really missing is replaying a http post. on firebug, I can right click on the request (on the net or console tab), "open in new tab" and replay…
73
votes
15 answers

How to debug CSS/Javascript hover issues

I often find myself wanting to debug CSS layout issues that involve DOM changes caused by Javascript in reaction to a hover event or different CSS rules applying due to the :hover selector. Normally, I'd use Firebug to inspect the element that's…
Jason C
  • 21,377
  • 10
  • 38
  • 33
72
votes
5 answers

Can you make hovered state in Firebug "sticky?"

When I'm debugging a site, sometimes the hovered selectors are a little long winded and similar to other ones, is there a way to apply a kind of "sticky" state to hover rules in Firebug? Example; I hover over a nav bar and want to copy the selector…
Kyle
  • 65,599
  • 28
  • 144
  • 152