Daftar Shortcut Utama Google Chrome Developer Tools
Pintasan keyboard (shortcut) Google Chrome Developer Tools (DevTools) mempercepat proses debugging, inspeksi elemen, dan analisis performa web tanpa harus menggunakan mouse. Berikut adalah tabel lengkap shortcut DevTools untuk sistem operasi Windows/Linux dan macOS.
| Fungsi / Aksi | Windows / Linux | macOS |
|---|---|---|
| Buka DevTools (Elemen Terakhir) | F12 atau Ctrl + Shift + I | Cmd + Option + I |
| Buka Console Panel | Ctrl + Shift + J | Cmd + Option + J |
| Buka Inspect Element | Ctrl + Shift + C | Cmd + Option + C |
| Buka Panel Sources | Ctrl + Shift + S | Cmd + Option + S |
| Pencarian Global (Search) | Ctrl + Shift + F | Cmd + Option + F |
| Toggle Device Toolbar (Responsive) | Ctrl + Shift + M | Cmd + Shift + M |
| Hard Reload (Clear Cache) | Ctrl + Shift + R | Cmd + Shift + R |
| Buka Command Menu | Ctrl + Shift + P | Cmd + Shift + P |
Navigasi Panel dan Elemen DOM
Mengelola elemen HTML dan struktur DOM secara langsung melalui keyboard jauh lebih efisien saat melakukan audit tata letak halaman.
| Aksi Elemen DOM | Windows / Linux | macOS |
|---|---|---|
| Pilih Elemen Berikutnya/Sebelumnya | Tombol Panah Bawah / Atas | Tombol Panah Bawah / Atas |
| Buka / Tutup Node Elemen | Tombol Panah Kanan / Kiri | Tombol Panah Kanan / Kiri |
| Edit sebagai HTML | F2 | Return |
| Sembunyikan Elemen (Hide) | H | H |
| Hapus Elemen | Delete | Delete |
Shortcut Console JavaScript
Console DevTools digunakan untuk eksekusi skrip, melacak log, dan mendiagnosis error JavaScript secara real-time.
| Aksi Console | Windows / Linux | macOS |
|---|---|---|
| Bersihkan Konsol (Clear) | Ctrl + L | Ctrl + L |
| Baris Baru di Console | Shift + Enter | Shift + Enter |
| Autocompletes Saran Kode | Tab / Tombol Panah Kanan | Tab / Tombol Panah Kanan |
| Ambil Perintah Sebelumnya | Tombol Panah Atas | Tombol Panah Atas |
Tips Praktis Penggunaan Shortcut DevTools
Gunakan kombinasi Ctrl + Shift + P (Windows) atau Cmd + Shift + P (Mac) untuk membuka Command Menu. Menu ini berfungsi layaknya launcher cepat di mana Anda cukup mengetikkan perintah seperti 'Screenshot', 'Dark theme', atau 'Disable JavaScript' tanpa harus mencari menunya secara manual satu per satu.