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
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
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
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-02-20 UTC."],[],[]]