web.dev LIVE is now over! Head to web.dev/live to watch all the sessions, see top Q&A, and more.

Referensi Pintasan Keyboard

Laman ini adalah referensi pintasan keyboard di Chrome DevTools. Meskipun beberapa pintasan tersedia secara global, yang lainnya khusus untuk satu panel.

Anda juga bisa menemukan pintasan di keterangan alat. Arahkan kursor ke atas elemen UI DevTools untuk menampilkan keterangan alatnya. Jika elemen memiliki pintasan, keterangan alat akan menyertakannya.

Mengakses DevTools

Mengakses DevTools Di Windows Di Mac
Membuka Developer Tools F12, Ctrl + Shift + I Cmd + Opt + I
Membuka / beralih dari mode pemeriksaan elemen dan jendela browser Ctrl + Shift + C Cmd + Shift + C
Membuka Developer Tools dan memindah fokus ke konsol Ctrl + Shift + J Cmd + Opt + J
Memeriksa Inspector (terlebih dahulu lepaskan dok dan tekan) Ctrl + Shift + I Cmd + Opt + I

Pintasan keyboard global

Pintasan keyboard berikut tersedia di semua panel DevTools:

Pintasan Global Windows Mac
Menampilkan dialog General Settings ?, F1 ?
Panel berikutnya Ctrl + ] Cmd + ]
Panel sebelumnya Ctrl + [ Cmd + [
Mundur di riwayat panel Ctrl + Alt + [ Cmd + Opt + [
Maju di riwayat panel Ctrl + Alt + ] Cmd + Opt + ]
Mengubah lokasi pasang ke dok Ctrl + Shift + D Cmd + Shift + D
Membuka Device Mode Ctrl + Shift + M Cmd + Shift + M
Beralih konsol / menutup dialog setelan bila terbuka Esc Esc
Menyegarkan laman F5, Ctrl + R Cmd + R
Menyegarkan laman dengan mengabaikan materi yang di-cache Ctrl + F5, Ctrl + Shift + R Cmd + Shift + R
Penelusuran teks dalam file atau panel saat ini Ctrl + F Cmd + F
Penelusuran teks di semua sumber Ctrl + Shift + F Cmd + Opt + F
Menelusuri berdasarkan nama file (kecuali pada Timeline) Ctrl + O, Ctrl + P Cmd + O, Cmd + P
Memperbesar (saat memfokus di DevTools) Ctrl + + Cmd + Shift + +
Memperkecil Ctrl + - Cmd + Shift + -
Mengembalikan ukuran teks default Ctrl + 0 Cmd + 0

Pintasan keyboard berdasarkan panel

Elemen

Panel Elements Windows Mac
Mengurungkan perubahan Ctrl + Z Cmd + Z
Mengulangi perubahan Ctrl + Y Cmd + Y, Cmd + Shift + Z
Navigasi Naik, Turun Naik, Turun
Meluaskan / menciutkan simpul Kanan, Kiri Kanan, Kiri
Meluaskan simpul Klik sekali pada panah Klik sekali pada panah
Meluaskan / menciutkan simpul dan semua anaknya Ctrl + Alt + Klik ikon panah Opt + Klik ikon panah
Mengedit atribut Enter, Klik dua kali pada atribut Enter, Klik dua kali pada atribut
Menyembunyikan elemen H H
Beralih edit sebagai HTML F2

Bilah sisi Styles

Pintasan yang tersedia di bilah sisi Styles:

Bilah sisi Styles Windows Mac
Mengedit aturan Klik sekali Klik sekali
Menyisipkan properti baru Klik sekali pada spasi kosong Klik sekali pada spasi kosong
Berpindah ke baris deklarasi properti aturan gaya di sumber Ctrl + Klik pada properti Cmd + Klik pada properti
Berpindah ke baris deklarasi nilai properti di sumber Ctrl + Klik pada nilai properti Cmd + Klik pada nilai properti
Berganti-ganti nilai definisi warna Shift + Klik pada kotak pemilih warna Shift + Klik pada kotak pemilih warna
Mengedit properti berikutnya / sebelumnya Tab, Shift + Tab Tab, Shift + Tab
Menambah / mengurangi nilai Naik, Turun Naik, Turun
Menambah / mengurangi nilai sebanyak 10 Shift + Naik, Shift + Turun Shift + Naik, Shift + Turun
Menambah / mengurangi nilai sebanyak 10 PgUp, PgDown PgUp, PgDown
Menambah / mengurangi nilai sebanyak 100 Shift + PgUp, Shift + PgDown Shift + PgUp, Shift + PgDown
Menambah / mengurangi nilai sebanyak 0,1 Alt + Naik, Alt + Turun Opt + Naik, Opt + Turun

Sumber daya

Panel Sources Windows Mac
Menghentikan sementara / melanjutkan eksekusi skrip F8, Ctrl + \ F8, Cmd + \
Melangkahi panggilan fungsi berikutnya F10, Ctrl + ' F10, Cmd + '
Masuk ke dalam panggilan fungsi berikutnya F11, Ctrl + ; F11, Cmd + ;
Keluar dari fungsi saat ini Shift + F11, Ctrl + Shift + ; Shift + F11, Cmd + Shift + ;
Memilih bingkai panggilan berikutnya Ctrl + . Opt + .
Memilih bingkai panggilan sebelumnya Ctrl + , Opt + ,
Beralih ketentuan breakpoint Klik nomor baris, Ctrl + B Klik nomor baris, Cmd + B
Mengedit ketentuan breakpoint Klik-kanan nomor baris Klik-kanan nomor baris
Menghapus kata satu per satu Ctrl + Delete Opt + Delete
Berkomentar pada baris atau teks yang dipilih Ctrl + / Cmd + /
Menyimpan perubahan ke modifikasi lokal Ctrl + S Cmd + S
Menyimpan semua perubahan Ctrl + Alt + S Cmd + Opt + S
Berpindah ke baris Ctrl + G Ctrl + G
Menelusuri berdasarkan nama file Ctrl + O Cmd + O
Melompat ke nomor baris Ctrl + P + :nomor Cmd + P + :nomor
Melompat ke kolom Ctrl + O + :nomor + :nomor Cmd + O + :nomor + :nomor
Berpindah ke anggota Ctrl + Shift + O Cmd + Shift + O
Menutup tab aktif Alt + W Opt + W
Menjalankan cuplikan Ctrl + Enter Cmd + Enter

Di dalam editor kode

Editor Kode Windows Mac
Berpindah ke braket yang cocok Ctrl + M
Melompat ke nomor baris Ctrl + P + :nomor Cmd + P + :nomor
Melompat ke kolom Ctrl + O + :nomor + :nomor Cmd + O + :nomor + :nomor
Beralih komentar Ctrl + / Cmd + /
Memilih kekerapan berikutnya Ctrl + D Cmd + D
Mengurungkan pilihan terakhir Ctrl + U Cmd + U

Timeline

Panel Timeline Windows Mac
Memulai / menghentikan perekaman Ctrl + E Cmd + E
Menyimpan data timeline Ctrl + S Cmd + S
Memuat data timeline Ctrl + O Cmd + O

Profil

Panel Profiles Windows Mac
Memulai / menghentikan perekaman Ctrl + E Cmd + E

Konsol

Pintasan Konsol Windows Mac
Menerima saran Kanan Kanan
Baris / perintah sebelumnya Naik Naik
Baris / perintah berikutnya Turun Turun
Memfokus Konsol Ctrl + ` Ctrl + `
Mengosongkan Konsol Ctrl + L Cmd + K, Opt + L
Entri multi-baris Shift + Enter Ctrl + Return
Eksekusi Enter Return

Device Mode

Pintasan Device Mode Windows Mac
Cubit untuk memperbesar dan memperkecil Shift + Gulir Shift + Gulir

Saat siaran layar

Pintasan Siaran Layar Windows Mac
Cubit untuk memperbesar dan memperkecil Alt + Gulir,Ctrl + Klik dan seret dengan dua jari Opt + Gulir, Cmd + Klik dan seret dengan dua jari
Memeriksa alat bantu elemen Ctrl + Shift + C Cmd + Shift + C