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 |