{"id":707,"date":"2020-04-08T00:00:00","date_gmt":"2020-04-08T00:00:00","guid":{"rendered":"https:\/\/azure.microsoft.com\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors"},"modified":"2025-06-29T22:57:06","modified_gmt":"2025-06-30T05:57:06","slug":"using-azure-monitor-source-map-support-to-debug-javascript-errors","status":"publish","type":"post","link":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/","title":{"rendered":"Using Azure Monitor source map support to debug JavaScript errors"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Azure Monitor\u2019s new source map support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"difficult-to-debug\">Difficult to debug<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As organizations rapidly adopt modern JavaScript frontend frameworks such as React, Angular, and Vue, they are left with an observability challenge. Developers frequently minify\/uglify\/bundle their JavaScript application upon deployment to make their pages more performant and lightweight which obfuscates the telemetry collected from uncaught errors and makes those errors difficult to discern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Source maps help solve this challenge. However, it\u2019s difficult to associate the captured stack trace with the correct source map. Add in the need to support multiple versions of a page, A\/B testing, and safe-deploy flighting, and it\u2019s nearly impossible to quickly troubleshoot and fix production errors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unminify-with-one-click\">Unminify with one-click<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Azure Monitor\u2019s new source map integration enables users to link an Azure Monitor Application Insights Resource to an Azure Blob Services Container and unminify their call stacks from the Azure Portal with a single click. Configure continuous integration and continuous delivery (CI\/CD) pipelines to automatically upload your source maps to Blob storage for a seamless end-to-end experience.<\/p>\n\n\n\n<figure class=\"wp-block-image has-custom-border\"><img decoding=\"async\" src=\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\" alt=\"GIF shows user clicking Unminify button below call stack code window\" style=\"border-radius:0px\" title=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"microsoft-cloud-app-security-s-story\">Microsoft Cloud App Security\u2019s story<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Microsoft Cloud App Security (MCAS) Team at Microsoft manages a highly scalable service with a React JavaScript frontend and uses Azure Monitor Application Insights for clientside observability.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Over the last five years, they\u2019ve grown in their agility to deploying multiple versions per day. Each deployment results in hundreds of source map files, which are automatically uploaded to Azure Blob container folders according to version and type and stored for 30 days.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Daniel Goltz, Senior Software Engineering Manager, on the MCAS Team explains, \u201cThe Source Map Integration is a game-changer for our team. Before it was very hard and sometimes impossible to debug and resolve JavaScript based on the unminified stack trace of exceptions. Now with the integration enabled, we are able to track errors to the exact line that faulted and fix the bug within minutes.\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"debugging-javascript-demo\">Debugging JavaScript demo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s an example scenario from a demo application:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"get-started\">Get started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Configure source map support once, and all users of the Application Insights Resource benefit. Here are three steps to get started:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">Enable web monitoring using our JavaScript SDK.<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Configure a Source Map storage account.\n<ol class=\"wp-block-list\">\n<li class=\"wp-block-list-item\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/azure-monitor\/app\/source-map-support#from-the-end-to-end-transaction-details-page\" target=\"_blank\" rel=\"noopener\">End-to-end transaction details blade<\/a>.<\/li>\n\n\n\n<li class=\"wp-block-list-item\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/azure-monitor\/app\/source-map-support#from-the-properties-page\" target=\"_blank\" rel=\"noopener\">Properties blade<\/a>.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Configure CI\/CD pipeline.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Note: Add an <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/pipelines\/tasks\/deploy\/azure-file-copy?view=azure-devops\" target=\"_blank\" rel=\"noopener\">Azure File Copy<\/a> task to your Azure DevOps Build pipeline to upload source map files to Blob each time a new version of your application deploys to ensure relevant source map files are available.<\/p>\n\n\n\n<figure class=\"wp-block-image has-custom-border\"><img decoding=\"async\" src=\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/ad9e5f51-216f-4841-b8ed-c499f05e5588.webp\" alt=\"A sample desktop showing the build and deploy sources \" style=\"border-radius:0px\" title=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"manually-drag-source-map\">Manually drag source map<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If source map storage is not yet configured or if your source map file is missing from the configured Azure Blob storage container, it\u2019s still possible to manually drag and drop a source map file onto the call stack in the Azure Portal.<\/p>\n\n\n\n<figure class=\"wp-block-image has-custom-border\"><img decoding=\"async\" src=\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/bfa94c50-0433-41c0-93e2-4c6a933691e1.gif\" alt=\"GIF shows user dragging source map file from file explorer to call stack code window\" style=\"border-radius:0px\" title=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"submit-your-feedback\">Submit your feedback<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, this feature is only possible because our Azure Monitor community <a href=\"https:\/\/github.com\/Microsoft\/ApplicationInsights-JS\/issues\/178\" target=\"_blank\" rel=\"noopener\">spoke out on GitHub<\/a>. Please keep talking, and we\u2019ll keep listening. Join the conversation by <a href=\"https:\/\/feedback.azure.com\/forums\/357324-azure-monitor-application-insights?category_id=161997\" target=\"_blank\" rel=\"noopener\">entering an idea on UserVoice<\/a>, creating a <a href=\"https:\/\/github.com\/Microsoft\/ApplicationInsights-JS\/issues\/\" target=\"_blank\" rel=\"noopener\">new issue on GitHub<\/a>, asking a <a href=\"https:\/\/stackoverflow.com\/search?q=Azure-Application-Insights%2C+JavaScript\" target=\"_blank\" rel=\"noopener\">question on StackOverflow<\/a>, or posting a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","footnotes":"","msx_community_cta_settings":[]},"categories":[1456,1482],"tags":[],"audience":[3053,3056],"content-type":[1511],"product":[1533],"tech-community":[],"topic":[],"coauthors":[311],"class_list":["post-707","post","type-post","status-publish","format-standard","hentry","category-devops","category-management-and-governance","audience-it-decision-makers","audience-it-implementors","content-type-best-practices","product-azure-monitor","review-flag-1680286581-295","review-flag-bundl-1680286579-669","review-flag-new-1680286579-546"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog<\/title>\n<meta name=\"description\" content=\"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.  Difficult to debug As organizations\u2026\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog\" \/>\n<meta property=\"og:description\" content=\"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.  Difficult to debug As organizations\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Azure Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/microsoftazure\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-08T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-30T05:57:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\" \/>\n<meta name=\"author\" content=\"Matt McCleary\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@azure\" \/>\n<meta name=\"twitter:site\" content=\"@azure\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt McCleary\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\"},\"author\":[{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/author\/matt-mccleary\/\",\"@type\":\"Person\",\"@name\":\"Matt McCleary\"}],\"headline\":\"Using Azure Monitor source map support to debug JavaScript errors\",\"datePublished\":\"2020-04-08T00:00:00+00:00\",\"dateModified\":\"2025-06-30T05:57:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\"},\"wordCount\":540,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\",\"articleSection\":[\"DevOps\",\"Management and governance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\",\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\",\"name\":\"Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog\",\"isPartOf\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\",\"datePublished\":\"2020-04-08T00:00:00+00:00\",\"dateModified\":\"2025-06-30T05:57:06+00:00\",\"description\":\"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications. Difficult to debug As organizations\u2026\",\"breadcrumb\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage\",\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\",\"contentUrl\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif\",\"width\":852,\"height\":453,\"caption\":\"text\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog home\",\"item\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Migration\",\"item\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/category\/migration\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Using Azure Monitor source map support to debug JavaScript errors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#website\",\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/\",\"name\":\"Microsoft Azure Blog\",\"description\":\"Get the latest Azure news, updates, and announcements from the Azure blog. From product updates to hot topics, hear from the Azure experts.\",\"publisher\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization\",\"name\":\"Microsoft Azure Blog\",\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2024\/06\/microsoft_logo.webp\",\"contentUrl\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2024\/06\/microsoft_logo.webp\",\"width\":512,\"height\":512,\"caption\":\"Microsoft Azure Blog\"},\"image\":{\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/microsoftazure\",\"https:\/\/x.com\/azure\",\"https:\/\/www.instagram.com\/microsoftdeveloper\/\",\"https:\/\/www.linkedin.com\/company\/16188386\",\"https:\/\/www.youtube.com\/user\/windowsazure\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/person\/c702e5edd662b328b49b7e1180cab117\",\"name\":\"shakir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g7664e653ea371ce16eaf75e9fa8952c4\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g\",\"caption\":\"shakir\"},\"sameAs\":[\"https:\/\/azure.microsoft.com\"],\"url\":\"https:\/\/azure.microsoft.com\/en-us\/blog\/author\/shakir\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog","description":"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.  Difficult to debug As organizations\u2026","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/","og_locale":"en_US","og_type":"article","og_title":"Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog","og_description":"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications.  Difficult to debug As organizations\u2026","og_url":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/","og_site_name":"Microsoft Azure Blog","article_publisher":"https:\/\/www.facebook.com\/microsoftazure","article_published_time":"2020-04-08T00:00:00+00:00","article_modified_time":"2025-06-30T05:57:06+00:00","og_image":[{"url":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif","type":"","width":"","height":""}],"author":"Matt McCleary","twitter_card":"summary_large_image","twitter_creator":"@azure","twitter_site":"@azure","twitter_misc":{"Written by":"Matt McCleary","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#article","isPartOf":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/"},"author":[{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/author\/matt-mccleary\/","@type":"Person","@name":"Matt McCleary"}],"headline":"Using Azure Monitor source map support to debug JavaScript errors","datePublished":"2020-04-08T00:00:00+00:00","dateModified":"2025-06-30T05:57:06+00:00","mainEntityOfPage":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/"},"wordCount":540,"commentCount":0,"publisher":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization"},"image":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage"},"thumbnailUrl":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif","articleSection":["DevOps","Management and governance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/","url":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/","name":"Using Azure Monitor source map support to debug JavaScript errors | Microsoft Azure Blog","isPartOf":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage"},"image":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage"},"thumbnailUrl":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif","datePublished":"2020-04-08T00:00:00+00:00","dateModified":"2025-06-30T05:57:06+00:00","description":"Azure Monitor\u2019s new Source Map Support expands a growing list of tools that empower developers to observe, diagnose, and debug their JavaScript applications. Difficult to debug As organizations\u2026","breadcrumb":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#primaryimage","url":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif","contentUrl":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2020\/04\/afb741b8-1eff-4f60-b6fa-c280efd22d1a.gif","width":852,"height":453,"caption":"text"},{"@type":"BreadcrumbList","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/using-azure-monitor-source-map-support-to-debug-javascript-errors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog home","item":"https:\/\/azure.microsoft.com\/en-us\/blog\/"},{"@type":"ListItem","position":2,"name":"Migration","item":"https:\/\/azure.microsoft.com\/en-us\/blog\/category\/migration\/"},{"@type":"ListItem","position":3,"name":"Using Azure Monitor source map support to debug JavaScript errors"}]},{"@type":"WebSite","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#website","url":"https:\/\/azure.microsoft.com\/en-us\/blog\/","name":"Microsoft Azure Blog","description":"Get the latest Azure news, updates, and announcements from the Azure blog. From product updates to hot topics, hear from the Azure experts.","publisher":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/azure.microsoft.com\/en-us\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#organization","name":"Microsoft Azure Blog","url":"https:\/\/azure.microsoft.com\/en-us\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2024\/06\/microsoft_logo.webp","contentUrl":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-content\/uploads\/2024\/06\/microsoft_logo.webp","width":512,"height":512,"caption":"Microsoft Azure Blog"},"image":{"@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/microsoftazure","https:\/\/x.com\/azure","https:\/\/www.instagram.com\/microsoftdeveloper\/","https:\/\/www.linkedin.com\/company\/16188386","https:\/\/www.youtube.com\/user\/windowsazure"]},{"@type":"Person","@id":"https:\/\/azure.microsoft.com\/en-us\/blog\/#\/schema\/person\/c702e5edd662b328b49b7e1180cab117","name":"shakir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g7664e653ea371ce16eaf75e9fa8952c4","url":"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9342c7c05bb16548741bc5cd3a3e3b7ee0c8e746844ad2cc582db5beb5514c6f?s=96&d=mm&r=g","caption":"shakir"},"sameAs":["https:\/\/azure.microsoft.com"],"url":"https:\/\/azure.microsoft.com\/en-us\/blog\/author\/shakir\/"}]}},"msxcm_display_generated_audio":false,"msxcm_animated_featured_image":null,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Azure Blog","distributor_original_site_url":"https:\/\/azure.microsoft.com\/en-us\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/posts\/707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/comments?post=707"}],"version-history":[{"count":1,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/posts\/707\/revisions"}],"predecessor-version":[{"id":44367,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/posts\/707\/revisions\/44367"}],"wp:attachment":[{"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/media?parent=707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/categories?post=707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/tags?post=707"},{"taxonomy":"audience","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/audience?post=707"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/content-type?post=707"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/product?post=707"},{"taxonomy":"tech-community","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/tech-community?post=707"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/topic?post=707"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/azure.microsoft.com\/en-us\/blog\/wp-json\/wp\/v2\/coauthors?post=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}