Sourcemaps functionality

[Garbee]

In IRC someone was asking about the integration of sourcemaps within DevTools. Specifically about the sources panel based on an older H5R article. We should document sourcemaps integration fully in a single document that can be kept up-to-date as things change.

[Garbee]

Looking things over, there is quite a bit of duplication.

• [ ] Working with CSS Preprocessors
• [ ] Tips and Tricks
• [ ] Debugging JavaScript

Each of these has some overlap in content along with pretty detailed explanations of what maps are. Doing some searching, I'm unable to find a canonical resource for sourcemaps. I've found a Google Doc for a proposal of Revision 3, but I'm not sure if this is really the official document or just something work was being done in.

Regardless, I am currently in the process of doing the following:

• [ ] Creating a source-maps.html doc page to cover:
  • [x] What sourcemaps are
  • [x] How to activate them in the DevTools
  • [ ] How to setup your server resources
  • [ ] A basic example or two
• [ ] Going over the JS Debugging page
  • Remove duplicate content from new primary page
  • Reword/structure unique content to complement the primary page
• [ ] Repeat the same steps with JS Debugging for the CSS Preprocessor page.
• [ ] Go over Tips and Tricks content and pull any useful information out into the appropriate place

[Garbee]

The initial page from my work this morning is up. Very basic right now from the language cleanup.