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 ...
    • 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 ...
    • Data retention in Real User Monitoring (RUM).

      The following table explains the data retention period of real user monitoring data that are being stored by Site24x7.  S.No Data type Retention period 1 JS errors One week 2 Filterable performance and user sessions One month 3 Performance metrics ...
    • Troubleshooting steps if the Layer 2 network map is not discovered

      If your map is not discovered after entering the details in Discover Layer 2 Map, or if you see this message "Device mapping does not exist for this map.": Check if the device is reachable through SNMP.  Check if your seed device satisfies the ...