Menyesuaikan DevTools

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

Halaman ini mencantumkan cara menyesuaikan Chrome DevTools.

Setelan

Setelan > Preferences berisi banyak opsi untuk menyesuaikan DevTools.

Lihat Membuka Setelan dan Preferensi.

Tema gelap

Anda dapat mengaktifkan tema gelap di Settings atau Command Menu.

1. Buka Menu Command.

2. Mulai ketik dark, pilih perintah Switch to dark theme, lalu tekan Enter untuk menjalankan perintah.

   

3. Atau, setel tema Anda di Setelan > Preferensi > Tampilan > Tema.

Tema dinamis

DevTools bisa otomatis mencocokkan tema warna Chrome.

Untuk menetapkan tema:

1. Buka tab baru dan klik edit Sesuaikan Chrome di sudut kanan bawah.
2. Di Tampilan, pilih tema melalui wallpaper Ubah tema atau pilih palet warna.

Panel samping

Panel Samping berisi banyak fitur tersembunyi.

Tekan Escape untuk membuka atau menutup Panel Samping.

Klik Alat Lainnya untuk membuka tab Panel Samping yang lain.

Mengubah penempatan DevTools

Secara default, DevTools dipasang ke sebelah kanan area pandang Anda. Anda juga bisa memasang ke sisi bawah atau kiri atau melepaskan DevTools ke jendela terpisah.

Anda dapat mengubah penempatan DevTools dengan dua cara:

• Menu Utama: Buka Customize And Control DevTools dan klik:
  • Lepas dari dok ke jendela terpisah
  • Dari dok ke kiri
  • Dari dok ke bawah
  • Dok ke kanan

• Menu Perintah:

  1. Buka Menu Command.
  2. Mulai mengetik dock dan pilih salah satu opsi yang disarankan: dok ke bawah, kiri, kanan, copot dari dok, atau pulihkan posisi dok terakhir.

Untuk mengalihkan Pulihkan posisi dok terakhir menggunakan pintasan keyboard, tekan:

• Di Linux atau Windows: Control+Shift+D
• Di MacOS: Command+Shift+D

Menyusun ulang panel, tab, dan panel

Untuk mengubah urutan, klik dan seret ke kiri atau kanan salah satu dari berikut ini:

• Panel di bagian atas DevTools.
• Panel di panel Elemen, seperti Styles, Computed, Tata Letak, dan lainnya.
• Panel di panel Sources seperti Page, Workspace, Overrides, dan lainnya.
• Tab Drawer di bagian bawah DevTools.

Selain itu, Anda dapat memindahkan panel serta tab ke atas dan ke bawah ke dan dari Panel Samping. Untuk melakukannya, klik kanan panel atau tab dan pilih Pindahkan ke atas atau Pindahkan ke bawah dari menu drop-down.

Urutan tab khusus Anda tetap ada di seluruh sesi DevTools.

Tata letak panel

Secara default, DevTools akan otomatis mengatur ulang tata letak panel, bergantung pada ukuran jendela. Anda dapat menonaktifkan pengaturan ulang otomatis. Buka Setelan > perbarui tata letak panel berdasarkan preferensi Anda.

Misalnya, panel Styles di panel Elements akan berpindah dari samping ke bawah jika ukuran layar kecil. Jika Anda ingin Panel gaya selalu berada di samping, ubah tata letak panel menjadi vertikal.

Mengubah bahasa UI DevTools

Lihat Setelan > Preferensi > Tampilan > Bahasa.

Setelan sinkronisasi

Anda bisa menyinkronkan setelan DevTools di beberapa perangkat.

Untuk mengaktifkan sinkronisasi, aktifkan Sinkronisasi Chrome terlebih dahulu. Setelah diaktifkan, setelan DevTools akan disinkronkan secara default.

Anda dapat mengaktifkan atau menonaktifkan sinkronisasi setelan DevTools secara terpisah menggunakan kotak centang Settings > Sync > Enable settings sync.

DevTools menyinkronkan sebagian besar setelan kecuali yang ada di tab Workspace, Experiments, dan Devices, serta beberapa setelan umum lainnya. Status kotak centang Aktifkan sinkronisasi setelan juga disinkronkan di seluruh perangkat.

Misalnya, setelan Tampilan berikut disinkronkan, sehingga Anda memiliki pengalaman yang konsisten di seluruh perangkat dan tidak perlu menentukan ulang setelan yang sama.

Namun, setelan dock tidak disinkronkan karena developer memiliki preferensi dok yang berbeda saat melakukan proses debug di situs yang berbeda.

Sesuaikan pintasan keyboard

Lihat Setelan > Pintasan.

Aktifkan eksperimen

Lihat Setelan > Eksperimen.