Friday, August 12, 2016

BUGREPLAY NOW OFFERS SOURCE MAP SUPPORT


With the new release of the BugReplay extension, we’ve added one of the most requested features/bug fixes, built in source map support for console logs.
If you are using React or otherwise minifying your javascript you may have noticed your stack traces look different in Chrome (or another browser that supports source maps) than in the detail pane of a console log entry in BugReplay.
This is because Chrome natively parses source maps (http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/), which is an index which a parser can use to look up the original file, line and column that a line in a minified file came from.
Recordings made with the new extension - which Chrome will download and install automatically - will upload relevant sourcemaps, and the detail pane for a javascript log entry will display the stack trace through the source map.