Cara Mengubah Shortcut di Chrome DevTools
Google Chrome DevTools tidak menyediakan antarmuka grafis (GUI) bawaan untuk mengubah pintasan keyboard secara langsung di dalam panel DevTools itu sendiri. Namun, Anda dapat menyesuaikan pintasan melalui menu Shortcuts yang terintegrasi di dalam panel tersebut. Berikut adalah langkah-langkah teknis untuk mengakses dan mengubah konfigurasi pintasan Anda.
Langkah-Langkah Kustomisasi
- Buka Chrome DevTools dengan menekan
F12atauCtrl+Shift+I(Windows/Linux) atauCmd+Option+I(macOS). - Klik ikon Settings (ikon gerigi) di pojok kanan atas panel DevTools.
- Pilih menu Shortcuts pada kolom sebelah kiri.
- Cari perintah yang ingin Anda ubah.
- Klik ikon pensil (edit) di sebelah perintah tersebut.
- Tekan kombinasi tombol baru yang diinginkan pada keyboard Anda.
- Tekan Enter untuk menyimpan perubahan.
Tabel Referensi Shortcut Utama DevTools
| Fungsi | Shortcut Default (Windows/Linux) | Shortcut Default (macOS) |
|---|---|---|
| Toggle DevTools | F12 / Ctrl+Shift+I | Cmd+Option+I |
| Search | Ctrl+Shift+F | Cmd+Option+F |
| Command Menu | Ctrl+Shift+P | Cmd+Shift+P |
| Elements Panel | Ctrl+Shift+C | Cmd+Shift+C |
| Console Panel | Ctrl+Shift+J | Cmd+Option+J |
Tips Troubleshooting
Jika perubahan tidak tersimpan atau terjadi konflik dengan ekstensi browser, pastikan Anda tidak menggunakan kombinasi tombol yang sudah dipesan oleh sistem operasi atau ekstensi pihak ketiga. Anda dapat mereset semua pengaturan ke kondisi awal dengan menekan tombol Reset yang tersedia di bagian bawah menu Shortcuts. Jika Anda memerlukan kontrol yang lebih mendalam di luar batasan DevTools, pertimbangkan untuk menggunakan ekstensi browser seperti Shortkeys yang memungkinkan pemetaan ulang tombol secara global di seluruh jendela Chrome.