Ada banyak cara untuk membuka Chrome DevTools. Pilih favorit Anda.
Klik kanan > {i>Inspect<i}
Klik kanan elemen apa pun di halaman dan pilih Periksa.
Menu Alat Lainnya
Pilih > Alat Lainnya > Alat Developer.
Pintasan
Jika Anda ahlinya keyboard, berikut ini rangkuman pintasan:
OS | Elemen | Konsol | Panel terakhir Anda |
---|---|---|---|
Windows atau Linux | Ctrl + Shift + C | Ctrl + Shift + J | F12 Ctrl + Shift + I |
Mac | Cmd + Option + C | Cmd + Option + J | Fn + F12 Cmd + Option + I |
Cara mudah untuk mengingat pintasan:
- C adalah singkatan dari CSS.
- J untuk JavaScript.
- I menentukan pilihan Anda.
Buka otomatis DevTools di setiap tab baru
Untuk mempelajari cara membuka Chrome DevTools secara otomatis di Windows, Linux, atau MacOS, lihat Membuka otomatis DevTools di setiap tab baru.