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. Jika elemen memiliki pintasan, tooltip akan menyertakannya.
Pintasan keyboard untuk membuka DevTools
Untuk membuka DevTools, tekan pintasan keyboard berikut saat kursor Anda difokuskan pada browser area pandang:
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Buka panel apa pun yang Anda gunakan terakhir kali | Command+Option+I | F12 atau Control+Shift+I |
| Buka panel Konsol | Command+Option+J | Control+Shift+J |
| Buka panel Elements | 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+] |
| Fokuskan panel sebelumnya | Command+[ | Control+[ |
| Beralih kembali ke posisi dok mana pun yang terakhir Anda gunakan. Jika DevTools berada di posisi default untuk seluruh sesi, pintasan ini akan melepas DevTools ke jendela terpisah | Command+Shift+D | Kontrol+Shift+D |
| Aktifkan/nonaktifkan Mode Perangkat | Command+Shift+M | Control+Shift+M |
| Aktifkan/nonaktifkan Inspect Element Mode | Command+Shift+C | Control+Shift+C |
| Buka Menu Perintah | Command+Shift+P | Control+Shift+P |
| Alihkan Panel Samping | Escape | Escape |
| Muat ulang normal | Command+R | F5 atau Control+R |
| Muat ulang secara 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 Penelusuran di Panel Samping, yang memungkinkan Anda menelusuri teks di semua materi yang dimuat | Command+Option+F | Control+Shift+F |
| Membuka file di panel Sumber | Command+O atau Command+P | Control+O atau Control+P |
| Perbesar | Command+Shift++ | Control+Shift++ |
| Perkecil | Command+- | Control+- |
| Memulihkan tingkat zoom default | Command+0 | Kontrol+0 |
| Jalankan cuplikan | Tekan Command+O untuk membuka Menu Perintah, ketik ! diikuti dengan nama skrip, lalu tekan Enter | Tekan Control+O untuk membuka Menu Perintah, 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 |
| Pilih 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 diperluas, 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 |
| Meluaskan atau menciutkan 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 |
| Aktifkan/nonaktifkan mode Edit Attributes pada elemen yang saat ini dipilih | Enter | Enter |
| Pilih atribut berikutnya / sebelumnya setelah memasuki mode Edit Atribut | Tab / Shift+Tab | Tab / Shift+Tab |
| Menyembunyikan elemen yang saat ini dipilih | J | J |
| Mengalihkan 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 dideklarasikan | Tahan Command lalu klik nilai properti | Tahan Kontrol lalu klik nilai properti |
| Melakukan siklus pada representasi RGBA, HSLA, dan Hex dari nilai warna | Tahan tombol Shift lalu klik kotak Pratinjau Warna di samping nilai | Tahan tombol Shift lalu klik kotak Pratinjau Warna di samping nilai |
| Pilih 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 sebuah nilai, lalu tekan Option+Panah Atas / Option+Panah Bawah | Klik nilai, lalu tekan Alt+Panah Atas / Alt+Panah Bawah |
| Menambahkan / mengurangi nilai properti sebesar 1 | Klik sebuah nilai, lalu tekan Panah Atas / Panah Bawah | Klik sebuah nilai, lalu tekan Panah Atas / Panah Bawah |
| Menambahkan / mengurangi nilai properti sebesar 10 | Klik sebuah nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah | Klik sebuah nilai, lalu tekan Shift+Panah Atas / Shift+Panah Bawah |
| Menambahkan / mengurangi nilai properti sebesar 100 | Klik sebuah nilai, lalu tekan Command+Panah Atas / Command+Panah Bawah | Klik nilai, lalu tekan Control+Panah Atas / Control+Panah Bawah |
| Melakukan siklus melalui representasi derajat (deg), gradian (grad), radian (rad), dan belokan (putaran) dari nilai sudut | Tahan Shift lalu klik kotak Pratinjau Sudut di samping nilai | Tahan Shift lalu klik kotak Pratinjau Sudut 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 Angle Clock Overlay | Klik kotak Angle Preview di samping nilai, lalu tekan Shift, klik / geser mouse di Angle Clock Overlay |
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+, |
| Menyimpan perubahan pada modifikasi lokal | Command+S | Control+S |
| Simpan semua perubahan | Command+Option+S | Control+Alt+S |
| Menuju ke baris | Control+G | Control+G |
| Beralih ke nomor baris dari file yang sedang terbuka | Tekan Command+O untuk membuka Menu Perintah, ketik : diikuti nomor baris, lalu tekan Enter | Tekan Control+O untuk membuka Menu Perintah, ketik : mengikuti nomor baris, lalu tekan Enter |
| Langsung ke kolom file yang sedang terbuka (misalnya baris 5, kolom 9) | Tekan Command+O untuk membuka Menu Perintah, ketik :, lalu nomor baris, lalu : lainnya, lalu nomor kolom, lalu tekan Enter | Tekan Control+O untuk membuka Menu Perintah, ketik :, lalu nomor baris, lalu : lainnya, lalu nomor kolom, lalu tekan Enter |
| Buka deklarasi fungsi (jika file yang saat ini terbuka adalah HTML atau skrip), atau kumpulan aturan (jika file yang saat ini terbuka 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 |
| Menutup tab aktif | Opsi+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 | Kontrol+Shift+H |
Pintasan keyboard Editor Kode
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Menghapus semua karakter di kata terakhir, hingga kursor | Opsi+Hapus | Control+Delete |
| Menambahkan atau menghapus titik henti sementara baris kode | Fokuskan kursor pada 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 pada 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 |
| Buka dialog logpoint | Command+Shift+klik nomor baris | Control+Shift+klik nomor baris |
| Buka kurung yang cocok | Control+M | Control+M |
| Aktifkan/nonaktifkan komentar satu baris. Jika beberapa baris dipilih, DevTools menambahkan komentar ke awal setiap baris | Command+/ | Control+/ |
| Pilih / batalkan pilihan kemunculan berikutnya untuk kata apa pun tempat kursor berada. Setiap kemunculan ditandai secara bersamaan | Command+D / Command+U | Control+D / Control+U |
Pintasan keyboard panel jaringan
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Telusuri header, payload, dan respons | Command+F | Control+F |
| Mulai / berhenti merekam | Command+E | Control+E |
| Merekam pemuatan ulang | Command+R | Control+R |
| Memutar ulang permintaan XHR yang dipilih | R | R |
| Sembunyikan detail permintaan yang dipilih | Escape | Escape |
Pintasan keyboard panel performa
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Mulai / berhenti merekam | Command+E | Control+E |
| Menyimpan pencatatan | Command+S | Control+S |
| Muat rekaman | Command+O | Control+O |
Pintasan keyboard panel memori
| Tindakan | Mac | Windows / Linux |
|---|---|---|
| Mulai / berhenti merekam | 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 |
| Mendapatkan laporan sebelumnya | Panah Atas | Panah Atas |
| Mendapatkan pernyataan berikutnya | Panah Bawah | Panah Bawah |
| Fokuskan Konsol | Control+` | Control+` |
| Hapus Konsol | Command+K atau Option+L | Control+L |
| Memaksa entri multibaris. Perhatikan bahwa DevTools seharusnya mendeteksi skenario multibaris secara default, jadi pintasan ini sekarang biasanya tidak diperlukan | Shift+Kembali | Shift+Enter |
| Jalankan | Kembali | Enter |
| Luaskan semua sub-properti objek yang dicatat ke Console | 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
| 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 |
| Beralih ke tampilan kode | Command+B | Control+B |