Source Mapper Chrome Extension

A utility to get the original source code from a source map.
What are source maps?

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps

Why

This works well in conjunction with javascript error capture. However you will need both line and column numbers. This can be difficult with a simple window.onerror handler as that does not provide the column information.

There are various libraries that will wrap native functions with try/catches that could provide the column from error.stack. Use at your own risk (not sure how I feel about them)

In my case (enterprise) we have mostly ie8 users at the moment, during window.onerror it is possible to either A. Walk to callee and build a stack or B. Use window.error.errorcharacter to capture the column number. This is what I am going to be doing for the time being.

Tested with

Source Map Version 3

JavaScript source files

Source: https://github.com/RyanSylvestre/sourceMapper

Link to store: https://chrome.google.com/webstore/detail/enenhalmnhnpofkecebdmgnmmhfkhcpb

How to install Source Mapper chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Source Mapper Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Source Mapper Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Source Mapper in Chrome Webstore Search and click on the search button.
• Step 3: click on the Source Mapper Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Source Mapper extension for your Chrome Web browser .