How do I enable source map support in Firebug?

firefox firebug source-maps
B T picture B T · Apr 28, 2014 · Viewed 12.8k times · Source

I've been using Chrome for a good while now, and you have to explicitly enable souce map support in the options.

I'm testing something in Firefox now with Firebug, but I'm not seeing my original source files - just the generated bundle.

Is there some way to enable source map support in Firebug? I'm using Firebug 1.12.8 in Firefox 27.0.1.

Answer

Sebastian Zartner picture Sebastian Zartner · Apr 28, 2014

Firebug doesn't support source maps yet (as of 2.0.*).

You may want to follow issue 5765 for source maps support for JavaScript and issue 5961 for CSS.

Firebug 3 will integrate into the built-in DevTools of Firefox, which already have this feature. So Firebug 3 will also have that feature. Development versions are available at getfirebug.com.

Update:

Firebug is merged into the Firefox DevTools since Firefox 48.

Related questions

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 …

Read More
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 …

Read More
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 it's ID, class or anything but want to inspect it. Solutions I have tried: Run jQuery selector inside console $('*:contains("some text")') …

Read More