Analyze JavaScript Source Maps

Decode JavaScript files using source maps

In general, when your source code has gone through multiple transformations, it is difficult to debug. In such cases, you can generate a source map - a source map maps the transformed source with the original.  This enables you to reconstruct the original source, making it easier to debug. Learn more about source maps here.

You can generate source maps using uglifyjs or webpack. 

Generate source maps using uglifyjs:

uglifyjs [source files] \ 
-o yourjsfile.min.js \ 
--source-map yourjsfile.min.js.map \ 
--source-map-include-sources \ 
-c -m

Generate source maps using webpack:

devtool: 'source-map', 
output: { 
path: path.join(__dirname, 'dist'), 
filename: '[name].js', 
sourceMapFilename: '[name].js.map', 
},

You can import the generated source maps in Site24x7 RUM to analyze the corresponding stack trace. Learn more. 

    • Related Articles

    • How do I monitor Ajax calls in my traditional web applications

      In general, Ajax calls are monitored by default for Single Page Applications (SPA) in Real User Monitoring (RUM).   To monitor Ajax calls in traditional web applications(though you have inserted the RUM script in the header/footer), kindly follow the ...

    • How to monitor an intranet application using RUM?

      To monitor an intranet application using RUM, follow the below steps: Check if you are behind a proxy server or firewall to ensure no connectivity issues exist between your browser and Site24x7's servers. In case of connectivity issues, enable the ...

    • Site24x7 Real User Monitoring (RUM) - Data Collection

      When you include Site24x7 RUM beacon script in your web pages, the following data is collected. All data that's being collected is in accordance with GDPR compliance.  Performance details of web page load time - Metrics like response time of web page ...

    • Tracking unique connections/visitors using RUM

      Using Site24x7 Real User Monitoring, we can track the number of unique connections/visitors on an overall application level. This is calculated based on how many users have logged in per each session.  Currently, we do not support calculating unique ...

    • Integration of Real User Monitoring (RUM) with Google Tag Manager (GTM)

      Google Tag Manager (GTM) helps you quickly and easily update measurement codes and related code fragments (tags) on your website or mobile app. Once you've added a small piece of Tag Manager code to your project, you can safely and easily deploy ...