Tips DevTools: Berbagai cara untuk membuka DevTools

Sofia Emelianova
Sofia Emelianova

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.

Opsi {i>Inspect<i} di menu {i>drop-down<i}.

Menu Alat Lainnya

Pilih Menu tiga titik. > Alat Lainnya > Alat Developer.

Menu Alat Lainnya.

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.

Pelajari lebih lanjut