DevTools Tips: Source maps in DevTools

Sofia Emelianova

Source maps let you keep your code readable and debuggable even after you've combined and minified it, without impacting performance. To learn how source maps work, see the previous DevTools Tips video.

Watch this video to learn how to work with source maps in DevTools:

• Enable source maps.
• Use Developer Resources tab to check if source maps loaded successfully.
• If required, load source maps manually.
• Debug your (mapped) original code instead of deployed as you normally would.
• Group the files you author to navigate the file tree in Sources easier.

To learn more, see:

• What are source maps?
• Debug your original code instead of deployed with source maps
• Developer Resources: View and manually load source maps