Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I enable source map support in Firebug?

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.

like image 297
B T Avatar asked Apr 28 '14 16:04

B T


People also ask

How do I enable source maps?

To enable source maps in Google Chrome, go to Developer Tools, click the little cog icon, and then make sure that “Enable Javascript source maps” is checked. That's it.

How do I view source maps in Firefox?

To enable it, right click in Firefox browser window and select Inspect Element(Q) or Go to Tools Menu -> Web Developer -> Select Debugger. Once you click Inspect Element(Q), you will find a window appear in Firefox, which has all the controls and features to inspect your page.

How do you fix a source map error?

The only workaround is to manually change the map URL to a public one (http://localhost:1234/file.map.js) and start a local webserver at this port.


1 Answers

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.

like image 89
Sebastian Zartner Avatar answered Sep 23 '22 21:09

Sebastian Zartner