How can I indicate the map of the file source after loading the page?

Question

I am a big fan of source maps for javascript and SASS; however, I do not want to load source maps into production for several reasons: the source code is available, and it does not use bandwidth very well.

But sometimes there is a need for debugging in production (we all saw production-related errors on the interface).

Is there a way to indicate the source map after the fact? For example, I could have a source card available locally or behind a server that has a VPN blocked, or even in a folder that is not visible to the user. I am fine when I do this at runtime or specifying a setting and reloading the page. (in fact, if I could save this setting, which would be even better).

Answer 1

You can right-click on the mini-source file and select "Add Source Map". Then paste the URL of the map file.

If your map file does not contain the original contents of the file along with the maps, make sure the source file paths are available for Chrome.