Using source maps in DevTools

Veröffentlicht am: 27 April 2023
auf dem Kanal: Chrome for Developers
27,502
393

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


Auf dieser Seite können Sie das Online-Video Using source maps in DevTools mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Chrome for Developers 27 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 27,502 Mal angesehen und es wurde von 393 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!