Chrome DevTools： From friction to flow (Дата оригинальной публикации: )

Coding and debugging should flow, not fizzle. Find out what’s new and improved in Chrome DevTools to make your web development and debugging journey fast and easy. 4 themes, 12 improvements,💚 mark the highlights. *Chapters* 0:00 Introduction 1:35 [id2383304|*Theme] - Made UI testing easier* 1:40 Mock HTTP responses 💚 2:35 Debug disappearing elements 3:50 Explore code with better default 5:10 [id2383304|*Theme] - Help me understand* 5:54 Spot inactive CSS 6:57 Understand console errors with Gemini 💚 9:00 Evaluate variables with source maps 10:02 [id2383304|*Theme] - Let me stay focused* 10:12 Remove source map errors in Console 10:48 Hide Chrome extensions network requests 11:13 Ignore node_modules during debugging 💚 12:22 [id2383304|*Theme] - Identify performance opportunities* 12:56 Zoom in performance timelines 💚 13:32 Reorder to prioritize performance tracks 14:10 Collapse repeating performance entries *Resources* Mock HTTP responses → Understand console errors with Gemini → Ignore node_modules during debugging → Zoom in performance timelines → Speakers: Jecelyn Yeen Watch more: Check out all the Web videos at Google I/O 2024 → Subscribe to Google Chrome Developers → #GoogleIO Products Mentioned: Chrome DevTools Event: Google I/O 2024