Chrome DevTools
Set tools bawaan Chrome untuk debugging, profiling, dan menganalisis halaman web.
Chrome DevTools adalah set tool debugging dan profiling yang terintegrasi di Google Chrome. Tab utama: Elements (inspect dan edit DOM/CSS secara real-time — perubahan terlihat langsung tanpa reload), Console (lihat log, jalankan JavaScript, debug errors), Network (monitor semua HTTP request — lihat timing, size, headers, response), Performance (record dan analisis runtime performance — lihat flame chart), Application (lihat LocalStorage, SessionStorage, IndexedDB, Cookies, Service Workers), and Lighthouse (audit performa, a11y, SEO). Shortcuts: F12 atau Ctrl+Shift+I (Windows), Cmd+Option+I (Mac). DevTools adalah tool paling powerful dan sering digunakan sehari-hari oleh web developer.