Les sources JavaScript sont souvent combinés et minifiées afin d'optimiser le temps que met le serveur à les fournir. Il est également de plus en plus courant que les sources soient générées automatiquement en utilisant un langage comme CoffeeScript. En utilisant des source maps, le débogueur peut faire le lien entre le code étant exécuté et les fichiers sources originaux, rendant ainsi le débogage incroyablement plus facile.
Pour demander au débogueur d'utiliser des source maps si elles sont disponibles, il faut cliquer sur les options du débogueur et, dans la liste qui s'affiche sélectionner "Afficher les sources originales" :
Bien sûr, pour que cela fonctionne il faut avoir fourni une source map pour le JavaScript tournant dans la page. Pour cela il faut ajouter une instruction commentée dans votre fichier source :
//# sourceMappingURL=https://example.com/chemin/vers/votre/sourcemap.map