Pintasan Keyboard

Referensi Pintasan Keyboard

By Meggin Kearney

Meggin is a Tech Writer

 

By Kayce Basques

Technical Writer, Chrome DevTools & Lighthouse

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