GoOgLe ChRoMe

GoOgLe ChRoMe

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