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:
https://goo.gle/devtools-source-maps
https://goo.gle/ignore-list

Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools

Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer