| title | Source Maps Monitor tool |
|---|---|
| description | How to use the Source Maps Monitor tool in Microsoft Edge DevTools. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | conceptual |
| ms.prod | microsoft-edge |
| ms.date | 02/15/2022 |
Use the Source Maps Monitor tool to monitor which source files on your webpage requested loading of source maps, and whether the source maps were loaded. This tool is useful if your webpage uses source maps to map your reprocessed code to your original source code. Source mapping enables you to see and debug your original source code, rather than having to work with the reprocessed version of your code that's returned by the server.
To try this feature:
-
In a new tab or window, follow the instructions in Map the processed code to your original source code, for debugging, and then continue below.
-
Close the popup dialog box that the demo opens.
-
In the Sources tool, in the Page tab, select the file that the demo created for you, such as Coffee2.js.
-
In DevTools, on the main toolbar, click the More Tools (
) button, and then select the Source Maps Monitor tool.
- Map the processed code to your original source code, for debugging
- Securely debug original code by publishing source maps to the Azure Artifacts symbol server
- Securely debug original code by using Azure Artifacts symbol server source maps
- Sources tool now notifies you when sourcemaps can't be loaded in What's new in DevTools (Microsoft Edge 96).