Using source maps in DevTools

Understand how DevTools uses source maps, and how you can disable, configure and load source maps. Chapters: 0:00 Intro 0:13 Developer resources tab 0:40 Identify the generated file 1:15 Auto pretty-print 1:28 Disable source maps 2:07 Debug with source maps 2:19 Add source map 3:03 Debugging preview with source maps 3:28 Source map limitation: JavaScript 4:04 Source map limitation: CSS 4:58 How DevTools display source files 5:55 View authored files first 6:21 x_google_ignoreList Resources: Questions? Tweet to us: Jecelyn Yeen → Chrome DevTools → Catch more DevTools Tips → Subscribe to Google Chrome Developers → #DevToolsTips #Chrome #Developer