Source Map Viewer
This is an interactive tool for visualizing and debugging source map mappings. It shows how generated code positions map back to original source with color-coded segment highlighting and connector lines.
Features
- Side-by-side view of generated code and original source
- Color-highlighted mapping segments with hover-to-trace connectors
- Source map validation: detects invalid source indices, out-of-bounds lines/columns, and unmapped regions
- Coverage statistics showing mapped vs unmapped bytes per file
- Three input modes: file upload (.js/.ts/.vue/.svelte/.astro/.css/.map/.json), paste, or URL fetch
- Shareable URLs with short IDs or inline compressed URL slugs
This tool requires JavaScript to run. Please enable JavaScript in your browser.
View source on GitHub