Akses Cepat Firefox Developer Tools di macOS
Untuk membuka Firefox Developer Tools, termasuk Debugger, pada sistem operasi macOS, Anda dapat menggunakan kombinasi tombol keyboard standar yang telah ditetapkan oleh Mozilla. Pintasan utama untuk membuka panel pengembang adalah Option + Command + I. Setelah panel terbuka, Anda dapat menavigasi ke tab Debugger untuk mulai melakukan inspeksi kode JavaScript, menetapkan breakpoint, dan memantau eksekusi skrip secara real-time.
Daftar Pintasan Keyboard Utama
Berikut adalah tabel referensi cepat untuk mengakses berbagai alat pengembang di Firefox pada perangkat Mac:
| Fungsi | Shortcut macOS |
|---|---|
| Toggle Developer Tools | Option + Command + I |
| Browser Console | Shift + Command + J |
| Responsive Design Mode | Shift + Command + M |
| Page Source | Command + U |
| Network Monitor | Shift + Command + Q |
Langkah Menggunakan Debugger
Setelah menekan Option + Command + I, ikuti langkah berikut untuk mengoptimalkan penggunaan Debugger:
- Navigasi Tab: Klik pada tab 'Debugger' yang terletak di bagian atas panel Developer Tools.
- Pilih File: Gunakan panel sebelah kiri untuk memilih file JavaScript yang ingin Anda periksa.
- Breakpoint: Klik pada nomor baris di sebelah kiri kode untuk menetapkan breakpoint. Eksekusi kode akan berhenti tepat di baris tersebut saat dijalankan.
- Analisis Variabel: Gunakan panel sebelah kanan untuk melihat status variabel, scope, dan call stack saat program dalam kondisi terjeda (paused).
Tips Troubleshooting
Jika shortcut tidak berfungsi, pastikan Firefox Anda berada dalam versi terbaru. Terkadang, konflik dengan shortcut sistem macOS atau aplikasi pihak ketiga dapat terjadi. Anda dapat memverifikasi pengaturan pintasan melalui menu Tools > Browser Tools > Web Developer Tools. Jika Anda memerlukan akses yang lebih spesifik, gunakan menu tersebut untuk membuka alat secara manual guna memastikan tidak ada masalah pada konfigurasi keyboard Anda.