Debugging with Chrome DevTools
watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/debugging-with-chrome-devtoolssummary
Covers practical Chrome DevTools techniques: using the Run command, customizing keyboard shortcuts, emulating the focus effect, inspecting memory, and using the Network panel to control and track requests and reductions in data size. Explains Console utilities, saving reusable code as Snippets, using Local Overrides for in-place editing, and optimizing images with formats like AVIF.
AI-written summary · about
related talks
48mUsing Chrome Developer Tools
20mGoing steady with the Chrome Dev Tools
38mLesser-known Chrome DevTools Features
32mChrome Dev Tools. New & Tips
50mChrome Developer Tools Deep Dive
29mMastering your browsers' Dev Tools
43mModern web debugging with devtools
31mDetecting Web Performance Problems with Chrome DevTools