Lewati ke konten utama
menjadi.dev
Tools

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.