Tips DevTools: Berbagai cara untuk membuka DevTools

Sofia Emelianova
Sofia Emelianova

Ada banyak cara untuk membuka Chrome DevTools. Pilih favorit Anda.

Klik kanan > Periksa

Klik kanan elemen mana pun di halaman, lalu pilih Periksa.

Opsi Inspect di menu drop-down.

Menu Alat Lainnya

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

Menu Alat Lainnya.

Pintasan

Jika Anda lebih suka menggunakan keyboard, berikut adalah tips 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.
  • Saya menentukan pilihan Anda.

Membuka DevTools secara otomatis di setiap tab baru

Untuk mempelajari cara membuka Chrome DevTools secara otomatis di Windows, Linux, atau MacOS, lihat Membuka DevTools secara otomatis di setiap tab baru.

Pelajari lebih lanjut