Stack Overflow
Stack Overflow

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
683
votes
12 answers

Differences between socket.io and websockets

What are the differences between socket.io and websockets in node.js? Are they both server push technologies? The only differences I felt was, socket.io allowed me to send/emit messages by specifying an event name. In the case of socket.io a…
Vivek Mohan
  • 8,078
  • 8
  • 31
  • 49
618
votes
15 answers

How to debug JavaScript / jQuery event bindings with Firebug or similar tools?

I need to debug a web application that uses jQuery to do some fairly complex and messy DOM manipulation. At one point, some of the events that were bound to particular elements, are not fired and simply stop working. If I had a capability to edit…
Jaanus
  • 17,688
  • 15
  • 65
  • 110
471
votes
26 answers

Loading local JSON file

I'm trying to load a local JSON file but it won't work. Here is my JavaScript code (using jQuery): var json = $.getJSON("test.json"); var data = eval("(" +json.responseText + ")"); document.write(data["a"]); The test.json file: {"a" : "b", "c" :…
Patrick Browne
  • 5,290
  • 4
  • 16
  • 14
432
votes
26 answers

What is console.log?

What is the use of console.log? Please explain how to use it in JavaScript, with a code example.
Mihir
  • 8,696
  • 18
  • 56
  • 87
431
votes
16 answers

Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM

Like most web developers, I occasionally like to look at the source of websites to see how their markup is built. Tools like Firebug and Chrome Developer Tools make it easy to inspect the code, but if I want to copy a specific section and play…
kenwarner
  • 28,650
  • 28
  • 130
  • 173
303
votes
4 answers

Form inside a table

I'm including some forms inside a HTML table to add new rows and update current rows. The problem that I'm getting is that when I inspect the forms in my dev tools, I see that the form elements are closed immediately after opening (inputs, etc are…
Alex
  • 8,353
  • 9
  • 45
  • 56
280
votes
15 answers

Firebug-like debugger for Google Chrome

Is there anything like Firebug that you can use within Google Chrome? Essential features I would like: Inspect HTML source (select elements, delete them, etc.) check CSS values (the built-in solution is weird, somehow)
Sebastian Hoitz
  • 9,343
  • 13
  • 61
  • 77
274
votes
13 answers

How can I inspect disappearing element in a browser?

How can I inspect an element which disappears when my mouse moves away? I don't know its ID, class or anything but want to inspect it. Solutions I have tried: Run jQuery selector inside console $('*:contains("some text")') but didn't have any luck…
lukas.pukenis
  • 13,057
  • 12
  • 47
  • 81
245
votes
13 answers

Suggestions for debugging print stylesheets?

I've recently been working on a print stylesheet for a website, and I realized that I was at a loss for effective ways to tweak it. It's one thing to have a reload cycle for working on the on-screen layout: change code command-tab reload but that…
Jim Puls
  • 79,175
  • 10
  • 73
  • 78
199
votes
24 answers

Find out whether Chrome console is open

I am using this little script to find out whether Firebug is open: if (window.console && window.console.firebug) { //is open }; And it works well. Now I was searching for half an hour to find a way to detect whether Google Chrome's built-in web…
r0skar
  • 8,338
  • 14
  • 50
  • 69
182
votes
8 answers

Breakpoint on property change

Firebug for Firefox has a nice feature, called "Break on property change", where I can mark any property of any object, and it will stop JavaScript execution right before the change. I'm trying to achieve the same in Google Chrome, and I can't find…
Arsen Zahray
  • 24,367
  • 48
  • 131
  • 224
168
votes
2 answers

Google Developer Tools "Network" Tab clears after redirect

Google Developer Tools "Network" Tab clears after redirect to another page and i want to know if there is any way to keep all request? I want to do this because i want to verify one POST request but it redirects and get cleared. In firebug we can…
Rodrigo Graça
  • 1,985
  • 3
  • 17
  • 24
143
votes
23 answers

Why can't I save CSS changes in Firebug?

Firebug is the most convenient tool I've found for editing CSS - so why isn't there a simple "save" option for CSS? I am always finding myself making tweaks in Firebug, then going back to my original .css file and replicating the tweaks. Has anyone…
Dean Rather
  • 31,756
  • 15
  • 66
  • 72
123
votes
7 answers

Is there a way to change context to iframe in javascript console?

I would like to change the context of the javascript executed in the webkit developer tool/firebug console to execute its code like it is running from inside an iframe on the page. I know I could do this by opening the page in the iframe on a…
Muhd
  • 24,305
  • 22
  • 61
  • 78
122
votes
10 answers

How can I use console logging in Internet Explorer?

Is there a console logger for IE? I'm trying to log a bunch of tests/assertions to the console but I can't do this in IE.
ground5hark
  • 4,464
  • 8
  • 30
  • 35
1
2 3
…
99 100