Kayce Basques
Sofia Emelianova
Halaman ini adalah referensi pintasan keyboard di Chrome DevTools.
Anda juga dapat menemukan pintasan di tooltip. Arahkan kursor ke elemen UI DevTools untuk menampilkan tooltip-nya. Jika elemen memiliki pintasan, tooltip akan menyertakannya.
Pintasan keyboard untuk membuka DevTools
Untuk membuka DevTools, tekan pintasan keyboard berikut saat kursor Anda difokuskan pada area pandang browser:
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Buka panel apa pun yang Anda gunakan terakhir | Command+Option+I | F12 atau Control+Shift+I |
| Buka panel Konsol | Command+Option+J | Control+Shift+J |
| Buka panel Elemen | Command+Shift+C atau Command+Option+C | Control+Shift+C |
Pintasan keyboard global
Pintasan keyboard berikut tersedia di sebagian besar, atau mungkin semua, panel DevTools.
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Tampilkan Setelan | ? atau Function+F1 | ? atau F1 |
| Memfokuskan panel berikutnya | Command+] | Control+] |
| Memfokuskan panel sebelumnya | Command+[ | Control+[ |
| Beralihlah kembali ke posisi dok mana pun yang terakhir Anda gunakan. Jika DevTools telah berada di posisi default untuk seluruh sesi, pintasan ini akan membatalkan dari dok DevTools ke jendela terpisah | Command+Shift+D | Control+Shift+D |
| Alihkan Mode Perangkat | Command+Shift+M | Control+Shift+M |
| Alihkan Periksa Mode Elemen | Command+Shift+C | Control+Shift+C |
| Buka Command Menu | Command+Shift+P | Control+Shift+P |
| Alihkan Panel Samping | Escape | Escape |
| Muat ulang normal | Command+R | F5 atau Control+R |
| Muat ulang paksa | Command+Shift+R | Control+F5 atau Control+Shift+R |
| Menelusuri teks dalam panel saat ini. Hanya didukung di panel Elements, Console, Sources, Performance, Memory, JavaScript Profiler, dan Quick Source. | Command+F | Control+F |
| Membuka tab Search di Panel Samping, yang memungkinkan Anda menelusuri teks di semua resource yang dimuat | Command+Option+F | Control+Shift+F |
| Membuka file di panel Sumber | Command+O atau Command+P | Control+O atau Control+P |
| Memperbesar | Command+Shift++ | Control+Shift++ |
| Perkecil | Command+- | Control+- |
| Memulihkan tingkat zoom default | Command+0 | Kontrol+0 |
| Jalankan cuplikan | Tekan Command+O untuk membuka Command Menu, ketik ! diikuti dengan nama skrip, lalu tekan Enter | Tekan Control+O untuk membuka Command Menu, ketik ! diikuti dengan nama skrip, lalu tekan Enter |
Pintasan keyboard panel elemen
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Urungkan perubahan | Command+Z | Control+Z |
| Ulangi perubahan | Command+Shift+Z | Control+Y |
| Memilih elemen di atas / di bawah elemen yang saat ini dipilih | Panah Atas / Panah Bawah | Panah Atas / Panah Bawah |
| Luaskan node yang saat ini dipilih. Jika node sudah diluaskan, pintasan ini akan memilih elemen di bawahnya | Panah Kanan | Panah Kanan |
| Ciutkan node yang saat ini dipilih. Jika node sudah diciutkan, pintasan ini akan memilih elemen di atasnya | Panah Kiri | Panah Kiri |
| Luaskan atau ciutkan node yang saat ini dipilih dan semua turunannya | Tahan Option lalu klik ikon panah di samping nama elemen | Tahan Control+Alt lalu klik ikon panah di samping nama elemen |
| Alihkan mode Edit Attributes pada elemen yang saat ini dipilih | Masukkan | Masukkan |
| Memilih atribut berikutnya / sebelumnya setelah memasuki mode Edit Atribut | Tab / Shift+Tab | Tab / Shift+Tab |
| Menyembunyikan elemen yang saat ini dipilih | J | J |
| Alihkan mode Edit sebagai HTML pada elemen yang saat ini dipilih | Fungsi+F2 | F2 |
Pintasan keyboard panel gaya
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Menuju baris tempat nilai properti dinyatakan | Tahan Command lalu klik nilai properti | Tahan Control, lalu klik nilai properti |
| Berpindah-pindah antara representasi RGBA, HSLA, dan Hex dari suatu nilai warna | Tahan Shift, lalu klik kotak Pratinjau Warna di samping nilai | Tahan Shift, lalu klik kotak Pratinjau Warna di samping nilai |
| Memilih properti atau nilai berikutnya / sebelumnya | Klik nama atau nilai properti, lalu tekan Tab / Shift+Tab | Klik nama atau nilai properti, lalu tekan Tab / Shift+Tab |
| Menambah / mengurangi nilai properti sebesar 0,1 | Klik nilai, lalu tekan Option+Panah Atas / Opsi+Panah Bawah | Klik nilai, lalu tekan Alt+Panah Atas / Alt+Panah Bawah |
| Menambah / mengurangi nilai properti sebesar 1 | Klik nilai lalu tekan Panah Atas / Panah Bawah | Klik nilai lalu tekan Panah Atas / Panah Bawah |
| Menambah / mengurangi nilai properti sebesar 10 | Klik nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah | Klik nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah |
| Menambah / mengurangi nilai properti sebesar 100 | Klik nilai, lalu tekan Command+Panah Atas / Command+Panah Bawah | Klik nilai, lalu tekan Control+Panah Atas / Control+Panah Bawah |
| Mengatur representasi derajat (derajat), gradian (grad), radian (rad), dan memutar (putaran) nilai sudut | Tahan Shift, lalu klik kotak Angle Preview di samping nilai | Tahan Shift, lalu klik kotak Angle Preview di samping nilai |
| Menambah / mengurangi nilai sudut sebesar 1 | Klik kotak Pratinjau Sudut di samping nilai, lalu tekan Panah Atas / Panah Bawah | Klik kotak Pratinjau Sudut di samping nilai, lalu tekan Panah Atas / Panah Bawah |
| Menambah / mengurangi nilai sudut sebesar 10 | Klik kotak Pratinjau Sudut di samping nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah | Klik kotak Pratinjau Sudut di samping nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah |
| Menambah / mengurangi nilai sudut sebesar 15 | Klik kotak Angle Preview di samping nilai, lalu tekan Shift, klik / geser mouse di Overlay Angle Clock | Klik kotak Angle Preview di samping nilai, lalu tekan Shift, klik / geser mouse di Overlay Angle Clock |
Pintasan keyboard panel sumber
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Menjeda eksekusi skrip (jika sedang berjalan) atau melanjutkan (jika saat ini dijeda) | F8 atau Command+\ | F8 atau Control+\ |
| Melangkahi panggilan fungsi berikutnya | F10 atau Command+' | F10 atau Control+' |
| Masuk ke panggilan fungsi berikutnya | F11 atau Command+; | F11 atau Control+; |
| Keluar dari fungsi saat ini | Shift+F11 atau Command+Shift+; | Shift+F11 atau Control+Shift+; |
| Melanjutkan ke baris kode tertentu saat dijeda | Tahan Command, lalu klik baris kode | Tahan Control, lalu klik baris kode |
| Pilih frame panggilan di bawah / di atas frame yang saat ini dipilih | Control+. / Control+, | Control+. / Control+, |
| Simpan perubahan pada modifikasi lokal | Command+S | Control+S |
| Simpan semua perubahan | Command+Option+S | Control+Alt+S |
| Menuju ke baris | Control+G | Control+G |
| Langsung ke nomor baris pada file yang sedang dibuka | Tekan Command+O untuk membuka Command Menu, ketik : diikuti dengan nomor baris, lalu tekan Enter | Tekan Control+O untuk membuka Command Menu, ketik : diikuti nomor baris, lalu tekan Enter |
| Langsung ke kolom file yang sedang dibuka (misalnya, baris 5, kolom 9) | Tekan Command+O untuk membuka Command Menu, ketik :, lalu nomor baris, lalu : lainnya, lalu nomor kolom, kemudian tekan Enter | Tekan Control+O untuk membuka Command Menu, ketik :, lalu nomor baris, lalu : lainnya, lalu nomor kolom, kemudian tekan Enter |
| Buka deklarasi fungsi (jika file yang saat ini terbuka adalah HTML atau skrip), atau kumpulan aturan (jika file yang saat ini dibuka adalah stylesheet) | Tekan Command+Shift+O, lalu ketik nama deklarasi / kumpulan aturan, atau pilih dari daftar opsi | Tekan Control+Shift+O, lalu ketik nama deklarasi / kumpulan aturan, atau pilih dari daftar opsi |
| Tutup tab aktif | Option+W | Alt+W |
| Membuka tab berikutnya atau sebelumnya | Function+Command+Up atau Down | Control+Page Up atau Page Down |
| Alihkan sidebar Navigasi di sebelah kiri | Command+Shift+Y | Control+Shift+Y |
| Alihkan sidebar Debugger di sebelah kanan | Command+Shift+H | Control+Shift+H |
Pintasan keyboard Code Editor
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Hapus semua karakter di kata terakhir, hingga kursor | Option+Hapus | Control+Delete |
| Menambahkan atau menghapus titik henti sementara baris kode | Fokuskan kursor ke baris, lalu tekan Command+B | Fokuskan kursor pada garis, lalu tekan Control+B |
| Buka dialog edit titik henti sementara untuk mengedit titik henti sementara bersyarat atau logpoint | Fokuskan kursor ke baris, lalu tekan Command+Alt+B | Fokuskan kursor pada garis, lalu tekan Control+Alt+B |
| Membuka dialog titik henti sementara bersyarat | Command+klik nomor baris | Control+klik nomor baris |
| Membuka dialog logpoint | Command+Shift+klik nomor baris | Control+Shift+klik nomor baris |
| Buka kurung yang sesuai | Kontrol+J | Kontrol+J |
| Aktifkan/nonaktifkan komentar satu baris. Jika beberapa baris dipilih, DevTools akan menambahkan komentar ke awal setiap baris | Command+/ | Kontrol+/ |
| Pilih / batalkan pilihan kemunculan berikutnya dari kata apa pun yang mengarahkan kursor. Setiap kemunculan ditandai secara bersamaan | Command+D / Command+U | Control+D / Control+U |
Pintasan keyboard panel jaringan
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Memulai / menghentikan perekaman | Command+E | Control+E |
| Merekam pemuatan ulang | Command+R | Control+R |
| Memutar ulang permintaan XHR yang dipilih | R | R |
| Menyembunyikan detail permintaan yang dipilih | Escape | Escape |
Pintasan keyboard panel performa
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Memulai / menghentikan perekaman | Command+E | Control+E |
| Menyimpan pencatatan | Command+S | Control+S |
| Muat rekaman | Command+O | Control+O |
Pintasan keyboard panel memori
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Memulai / menghentikan perekaman | Command+E | Control+E |
Pintasan keyboard panel konsol
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Terima saran pelengkapan otomatis | Panah Kanan atau Tab | Panah Kanan atau Tab |
| Tolak saran pelengkapan otomatis | Escape | Escape |
| Menavigasi daftar pelengkapan otomatis ke atas atau ke bawah | Atas / Bawah atau Control+P / N | Atas / Bawah atau Control+P / N |
| Dapatkan pernyataan sebelumnya | Panah Atas | Panah Atas |
| Dapatkan pernyataan berikutnya | Panah Bawah | Panah Bawah |
| Memfokuskan Konsol | Control+` | Control+` |
| Menghapus Konsol | Command+K atau Option+L | Control+L |
| Memaksa entri multibaris. Perhatikan bahwa DevTools akan mendeteksi skenario multibaris secara default, jadi pintasan ini sekarang biasanya tidak diperlukan | Shift+Kembali | Shift+Enter |
| Jalankan | Kembali | Masukkan |
| Luaskan semua sub-properti objek yang telah dicatat ke Konsol | Tahan Alt, lalu klik Luaskan > | Tahan Alt, lalu klik Luaskan > |
Pintasan keyboard tab penelusuran
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Luaskan/ciutkan semua hasil penelusuran | Command+Option+{ atau } | Control+Shift+{ atau } |
Pintasan keyboard panel Perekam Suara
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Memulai atau berhenti merekam | Command+E | Control+E |
| Putar ulang rekaman | Command+Enter | Control+Enter |
| Salin rekaman atau langkah yang dipilih | Command+C | Control+C |
| Alihkan tampilan kode | Command+B | Control+B |