/dev tips

🎊   Announcing the new DevTools Pre Launch ModernDevTools.com - A discount, and no subscription fees during this pre-launch period   🎊

(89) Debug JavaScript threads independently Mixed Content Network Filter Queries (91)

Chrome DevTools: Debug JavaScript (ES6/ES7) code with Source Maps

12 Jan 2016
Debug JavaScript (ES6/ES7) code with Source Maps

You can debug modern JavaScript code with Source Maps enabled. In this demo, await provides synchronous looking syntax for an asynchronous operation (an ajax request). DevTools provides the usual debugging capabilities thanks to the Source Maps which the JavaScript transpiler Babel creates.

With DevTools open, try out a demo here umaar.github.io/js-source-maps-demo

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.