Halaman ini diterjemahkan oleh Cloud Translation API.

Preferensi

Sofia Emelianova

Konfigurasi tampilan dan perilaku DevTools serta panelnya menggunakan Setelan > Preferensi. Tab ini mencantumkan opsi penyesuaian umum dan opsi khusus panel.

Untuk menetapkan preferensi, buka Setelan > Preferensi, lalu scroll ke salah satu bagian yang dijelaskan di bawah.

Bagian Tampilan di tab Preferensi.

Untuk mengetahui fungsi setiap setelan, telusuri nama setelan di halaman ini dan untuk meluaskan deskripsinya.

Referensi ini menunjukkan setelan yang berbeda dengan ikon berikut:

Kotak centang
Daftar drop-down
Tidak digunakan lagi

Untuk memulihkan preferensi default, scroll ke akhir tab Preferensi, lalu klik Pulihkan default dan muat ulang.

Tampilan

Bagian ini mencantumkan opsi yang menyesuaikan tampilan DevTools.

Tema menetapkan tema warna untuk UI DevTools.

Tema:

Preferensi sistem
Terang
Gelap

Tata letak panel mengatur panel dalam panel.

Memengaruhi Elements > Styles dan tab yang sama, serta panel Sources > Debugger. Opsi auto membuat tata letak bergantung pada lebar DevTools.

Tata letak panel: Mengubah tata letak panel Elemen dari horizontal menjadi vertikal.

horizontal
vertikal
otomatis

Bahasa menetapkan lokalitas untuk UI DevTools.

Untuk menerapkan setelan ini, muat ulang DevTools.

Bahasa:

Bahasa UI browser
Salah satu opsi lokalitas, dalam contoh ini, bahasa China

Aktifkan pintasan `Ctrl/Cmd` + `0`-`9` untuk beralih panel memungkinkan Anda membuka panel menggunakan keyboard.

Video ini menunjukkan cara beralih di antara tab menggunakan pintasan keyboard yang sesuai.

Nonaktifkan overlay status dijeda menyembunyikan overlay Dijeda di debugger di area pandang saat eksekusi kode dijeda.

Tampilkan Yang Baru setelah setiap pembaruan akan otomatis membuka tab panel samping Yang Baru setelah setiap pembaruan Chrome.

Sumber

Bagian ini mencantumkan opsi yang menyesuaikan panel Sumber.

Penelusuran dalam skrip anonim dan konten memungkinkan Anda menelusuri semua file JavaScript yang dimuat, termasuk yang ada di ekstensi Chrome, menggunakan tab Penelusuran.

Video ini menunjukkan cara menelusuri teks dalam file sumber ekstensi.

Video ini menunjukkan cara, dengan opsi ini diaktifkan, panel Sumber akan memilih file di hierarki navigasi saat Anda beralih di antara tab.

Aktifkan peta sumber JavaScript memungkinkan DevTools menemukan sumber file JavaScript yang dihasilkan atau diminifikasi.

Panel Sumber menampilkan link ke file yang diminifikasi di status bar.

Aktifkan tab memindahkan fokus membuat tombol `Tab` memindahkan fokus di dalam DevTools, bukan menyisipkan karakter Tab di Editor.

Memerlukan pemuatan ulang DevTools.

Video ini pertama-tama menampilkan karakter Tab yang disisipkan dengan tombol Tab. Kemudian, saat Anda mengaktifkan opsi ini dan memuat ulang DevTools, tombol Tab akan memindahkan fokus.

Deteksi indentasi menetapkan indentasi ke indentasi yang ada pada file sumber yang dibuka di Editor.

Memerlukan pemuatan ulang DevTools.

Poin penting: Setelan ini menggantikan

Indentasi default. Dalam video berikut, indentasi default ditetapkan ke delapan spasi, sedangkan indentasi yang terdeteksi dalam file adalah dua spasi.

Tampilkan karakter spasi kosong: Semua memungkinkan Anda melihat karakter spasi kosong sebagai titik (...) dan tab sebagai garis (—).

Video ini pertama-tama menampilkan indentasi default delapan spasi. Kemudian, saat Anda mengaktifkan opsi ini, opsi ini akan mengganti indentasi default dengan indentasi file sumber.

Pelengkapan otomatis memungkinkan saran praktis di Editor.

Video ini pertama tidak menampilkan saran apa pun. Kemudian, saat Anda mengaktifkan opsi ini, Editor akan menampilkan saran untuk penyelesaian perintah.

Penutupan tanda kurung otomatis akan otomatis menambahkan tanda kurung atau tag penutup saat Anda mengetik tanda kurung buka.

Video ini menunjukkan cara mengetik tanda kurung buka sebelum dan sesudah mengaktifkan penutupan tanda kurung otomatis.

Pencocokan kurung memberikan garis bawah dan sorotan dalam warna merah terang di Editor berupa tanda kurung siku, tanda kurung kurawal, atau tanda kurung tanpa pasangan.

Tanda kurung kurawal tanpa pasangan yang digarisbawahi dengan warna merah.

Code folding memungkinkan Anda melipat dan membentangkan blok kode dalam tanda kurung kurawal di Editor.

Memerlukan pemuatan ulang DevTools.

Video ini menunjukkan cara melipat blok kode saat Anda mengaktifkan opsi ini.

Tampilkan karakter spasi kosong menampilkan karakter spasi kosong di Editor.

Memerlukan pemuatan ulang DevTools. Opsi melakukan hal berikut:

Semua menunjukkan semua karakter spasi kosong sebagai titik (...). Selain itu, Editor menunjukkan karakter Tab sebagai garis (—).
Akhir menandai karakter spasi kosong di akhir baris dengan warna merah muda.

Tampilkan karakter spasi kosong: Opsi yang dipilih: Semua dan Mengikuti.

Tidak ada
Semua (...)
Trailing

Tampilkan nilai variabel dalam satu baris saat melakukan debug menampilkan nilai variabel di samping pernyataan penetapan saat eksekusi dijeda.

Debugger yang dijeda selama eksekusi fungsi akan menampilkan nilai variabel di samping pernyataan penetapan.

Fokuskan panel Sumber saat memicu titik henti sementara akan membuka Sumber > Editor di baris dengan titik henti sementara yang menjeda eksekusi.

Video ini pertama-tama menampilkan panel Sumber yang tidak fokus saat dijeda di titik henti sementara. Kemudian jika Anda mengaktifkan opsi ini, DevTools akan membuka Editor di panel Sources dan menampilkan baris kode dengan titik henti sementara.

Otomatis Pretty print sumber yang diminifikasi membuat sumber tersebut mudah dibaca.

Jika cukup cetak, Editor dapat menampilkan satu baris kode panjang dalam beberapa baris, yang diawali dengan - untuk menunjukkan bahwa ini adalah kelanjutan baris.

Kode yang dicetak dengan rapi di panel Sumber.

Mengaktifkan peta sumber CSS memungkinkan DevTools menemukan sumber file CSS yang dihasilkan, misalnya, `.scss`, dan menampilkannya kepada Anda.

Panel Sumber menampilkan file .scss di bagian Dibuat dalam hierarki navigasi. Panel Gaya di panel Elemen menampilkan link ke sumber .scss di samping aturan CSS.

Izinkan scroll melewati akhir file memungkinkan Anda men-scroll lebih jauh dari baris terakhir di Editor.

Video ini menunjukkan cara men-scroll melewati akhir file saat Anda mengaktifkan opsi ini.

Mengizinkan DevTools memuat resource, seperti peta sumber, dari jalur file jarak jauh. Dinonaktifkan secara default karena alasan keamanan.

Jika dibiarkan dinonaktifkan, DevTools akan mencatat ke pesan Console yang mirip dengan berikut ini:

Pesan di Konsol yang menginformasikan bahwa pemuatan dari jalur file jarak jauh dilarang karena alasan keamanan.

Indentasi default memungkinkan Anda memilih jumlah spasi yang disisipkan tombol `Tab` di Editor.

Poin penting:

Deteksi indentasi akan menggantikan setelan ini dan menetapkan indentasi ke setelan file sumber. Memerlukan pemuatan ulang DevTools.

Aktifkan tab memindahkan fokus akan menggantikan tombol Tab

. Tindakan ini akan memindahkan fokus, bukan menyisipkan karakter.

Tampilkan karakter spasi kosong: Semua memungkinkan Anda melihat karakter spasi kosong sebagai titik (...) dan tab sebagai garis (—).

Indentasi default: Menonaktifkan opsi penggantian dan mengubah indentasi default dari dua spasi menjadi delapan, lalu ke tombol Tab.

2 spasi
4 spasi
8 spasi
Karakter tab

Contoh ini menunjukkan cara menyetel indentasi default ke delapan spasi terlebih dahulu, lalu ke karakter Tab.

Elemen

Bagian ini mencantumkan opsi yang menyesuaikan panel Elemen.

Tampilkan shadow DOM agen pengguna menampilkan node shadow DOM di hierarki DOM.

Panel Elemen menampilkan node shadow DOM.

Penggabungan kata membagi baris panjang dalam hierarki DOM dan menggabungkannya ke baris berikutnya.

Panel Elements membagi baris panjang berdasarkan kata dan menggabungkannya ke baris berikutnya.

Tampilkan komentar HTML menampilkan komentar HTML di hierarki DOM.

Tampilkan node DOM saat kursor diarahkan untuk memilih node yang sesuai pada hierarki DOM saat Anda mengarahkan kursor ke elemen di area pandang dalam mode pemeriksaan .

Video ini pertama-tama menunjukkan bahwa node DOM tidak dipilih di hierarki DOM. Kemudian, saat Anda mengaktifkan opsi ini, panel Elemen akan memilih node saat diarahkan kursor.

Tooltip mendetail yang ditampilkan dalam mode pemeriksaan.

Tampilkan penggaris saat mengarahkan kursor menampilkan penggaris di area pandang saat Anda mengarahkan kursor ke elemen dalam hierarki DOM.

Link Pelajari lebih lanjut mengarahkan Anda ke Referensi CSS MMD di properti.

Tooltip dengan dokumentasi tentang properti CSS.

Jaringan

Bagian ini mencantumkan opsi yang menyesuaikan panel Jaringan. Sebagian besar opsi sama dengan di setelan panel.

Preserve log sama dengan Preserve log di panel Network. Menyimpan permintaan di seluruh pemuatan halaman.

Video ini pertama-tama menampilkan log permintaan yang dimuat ulang saat halaman dimuat ulang, lalu dipertahankan saat Anda mengaktifkan opsi ini.

Record network log sama dengan Record network log di panel Network. Memulai atau menghentikan pencatatan permintaan di log jaringan.

Tombol Rekam log jaringan pada panel Jaringan.

Aktifkan pemblokiran permintaan jaringan akan memblokir permintaan yang cocok dengan pola di panel samping Pemblokiran permintaan jaringan.

Video ini pertama-tama menunjukkan bahwa permintaan tidak diblokir. Kemudian, setelah Anda mengaktifkan opsi ini, pola di panel samping Pemblokiran permintaan jaringan akan memblokirnya.

Nonaktifkan cache (saat DevTools terbuka) sama dengan Nonaktifkan cache di panel Jaringan. Menonaktifkan cache browser.

Izinkan pembuatan HAR dengan data sensitif menambahkan opsi ke tombol Ekspor HAR yang memungkinkan Anda mengekspor dengan atau tanpa data sensitif (dibersihkan).

Data sensitif adalah data dalam header Cookie, Set-Cookie, dan Authorization.

Jenis resource kode warna menandai permintaan dengan warna yang berbeda-beda, bergantung pada jenisnya di kolom Waterfall pada log jaringan.

Kolom Waterfall di tab Jaringan tanpa dan dengan kode warna.

Kelompokkan log jaringan menurut frame sama dengan Kelompokkan menurut frame di panel Jaringan. Opsi ini mengelompokkan permintaan yang dimulai oleh frame inline.

Log permintaan jaringan dengan permintaan yang dikelompokkan berdasarkan frame inline.

Paksa pemblokiran iklan di situs ini akan memblokir iklan yang terdeteksi di halaman saat DevTools terbuka.

Permintaan jaringan terkait iklan yang ditampilkan di panel Jaringan dengan filter Permintaan yang Diblokir diaktifkan.

Performa

Bagian ini mencantumkan opsi yang menyesuaikan panel Performa.

Tindakan roda mouse flamechart menetapkan tindakan scroll atau zoom ke roda mouse saat Anda menavigasi flamechart.

Tindakan roda mouse Flame chart: Mengubah tindakan roda mouse dari scroll ke zoom untuk flame chart.

Scroll
Zoom

Contoh ini menunjukkan tindakan roda mouse scroll dan zoom pada flame chart di panel Performance.

Konsol

Bagian ini mencantumkan opsi yang menyesuaikan Konsol. Sebagian besar opsi sama dengan di Setelan Konsol.

Opsi serupa di Konsol dan Setelan.

Sembunyikan pesan jaringan akan menyembunyikan pesan jaringan di Konsol.

Video ini menunjukkan cara menyembunyikan pesan jaringan dengan opsi ini di Setelan dan di Setelan Konsol.

Hanya konteks yang dipilih membuat Konsol hanya menampilkan pesan untuk konteks yang dipilih: atas, iframe, pekerja, atau ekstensi.

Video ini menunjukkan cara mengaktifkan opsi ini di Setelan dan di Konsol > Setelan serta memilih konteks di Konsol.

Log XMLHttpRequests membuat Konsol mencatat log XHR dan permintaan pengambilan.

Video ini menunjukkan cara mengaktifkan opsi ini di Setelan dan Konsol > Setelan serta mencatat pesan XHR finished loading ke Konsol.

Tampilkan stempel waktu membuat Konsol menampilkan stempel waktu di samping pesan.

Pesan dengan stempel waktu yang tercantum di Konsol.

Pelengkapan otomatis dari histori membuat Konsol menyarankan perintah yang Anda jalankan sebelumnya saat Anda mengetik.

Anda dapat menemukan opsi yang sama di Console > Settings.

Drop-down Autocomplete dengan opsi perintah dari histori Konsol.

Terima saran pelengkapan otomatis saat menekan tombol Enter akan membuat Konsol menerima saran yang dipilih dari drop-down pelengkapan otomatis saat Anda menekan `Enter`.

Video ini menunjukkan apa yang terjadi saat Anda menekan Enter sebelum dan setelah mengaktifkan opsi ini.

Kelompokkan pesan serupa di konsol membuat Konsol mengelompokkan pesan yang serupa.

Anda dapat menemukan opsi yang sama di Konsol > Setelan.

Pesan serupa di Konsol dikelompokkan bersama.

Tampilkan error CORS di konsol membuat Konsol menampilkan error CORS yang dicatat ke dalam log.

Anda dapat menemukan opsi yang sama di Console > Settings.

Evaluasi segera membuat Konsol menampilkan pratinjau output saat Anda mengetik perintah.

Anda dapat menemukan opsi yang sama di Console > Settings.

Video ini menampilkan berbagai pratinjau output.

Perlakukan evaluasi kode sebagai tindakan pengguna mengubah perintah apa pun yang Anda jalankan di Konsol menjadi interaksi pengguna.

Dengan kata lain, kode ini menetapkan navigator.userActivation.isActive ke true setelah evaluasi. Anda dapat menemukan opsi yang sama di Konsol > Setelan.

Video ini menunjukkan hasil evaluasi navigator.userActivation.isActive sebelum dan sesudah mengaktifkan opsi ini.

Luaskan pesan console.trace() secara otomatis membuat Konsol menampilkan pesan `console.trace()` yang diperluas saat mencatatnya ke dalam log.

Pesan console.trace() yang diperluas di Konsol.

Pertahankan log saat navigasi membuat Konsol mencatat pesan `Navigated to` pada setiap navigasi dan menyimpan log di semua halaman.

Anda dapat menemukan opsi yang sama di Console > Settings.

Konsol akan menampilkan pesan 'Dinavigasikan ke' dan menyimpan log di halaman yang berbeda.

Perluasan

Bagian ini mencantumkan opsi yang menyesuaikan penanganan link untuk ekstensi Chrome DevTools.

Penanganan link menetapkan opsi untuk membuka file saat Anda mengklik link ke file sumber, misalnya, di panel Elements > Styles.

Penanganan link: Memilih opsi untuk membuka link.

Otomatis. Membuka file di panel Sumber secara default.
Opsi arbitrer yang dapat ditambahkan oleh ekstensi DevTools.

Persistensi

Bagian ini mencantumkan opsi yang mengontrol cara DevTools menyimpan perubahan yang Anda buat.

Aktifkan penggantian lokal membuat DevTools mempertahankan perubahan yang Anda buat pada sumber di seluruh pemuatan halaman.

Untuk informasi selengkapnya, lihat Penggantian Lokal.

Debugger

Bagian ini mencantumkan opsi yang mengontrol perilaku Debugger.

Nonaktifkan JavaScript memungkinkan Anda melihat tampilan dan perilaku halaman web saat JavaScript dinonaktifkan.

Muat ulang halaman untuk melihat apakah halaman tersebut bergantung pada JavaScript saat pemuatan dan bagaimana caranya.

Jika JavaScript dinonaktifkan, Chrome akan menampilkan ikon yang sesuai di kolom URL dan DevTools menampilkan ikon peringatan di samping Sumber.

Menonaktifkan pelacakan tumpukan asinkron akan menyembunyikan "cerita lengkap" operasi asinkron di Call Stack.

Secara default, Debugger akan mencoba melacak operasi asinkron jika framework yang Anda gunakan mendukung pelacakan tersebut.

Untuk mengetahui informasi selengkapnya, lihat Melihat pelacakan tumpukan asinkron.

Global

Bagian ini mencantumkan opsi yang memiliki efek global di DevTools.

Buka otomatis DevTools untuk pop-up akan membuka DevTools saat Anda mengklik link yang membuka tab baru. Artinya, semua link dengan `target=_blank`.

Pertama-tama, video ini menampilkan cara mengklik link dan membuka tab baru *tanpa* DevTools. Kemudian, bila Anda mengaktifkan opsi ini, tab baru akan terbuka *dengan* DevTools.

Telusuri saat Anda mengetik membuat DevTools "lompat" ke hasil penelusuran pertama saat Anda mengetik kueri penelusuran. Jika dinonaktifkan, DevTools akan membawa Anda ke hasil hanya saat Anda menekan `Enter`.

Video ini pertama-tama menunjukkan cara DevTools "melompat" saat Anda mengetik kueri penelusuran. Kemudian, jika opsi ini diaktifkan, DevTools akan membawa Anda ke hasil pertama saat Anda menekan Enter.

Sinkronisasi

Di bagian ini, Anda dapat menyiapkan sinkronisasi setelan antar-perangkat.

Aktifkan sinkronisasi setelan memungkinkan Anda menyinkronkan setelan DevTools di beberapa perangkat.

Untuk menggunakan setelan ini, aktifkan Sinkronisasi Chrome terlebih dahulu. Untuk mengetahui informasi selengkapnya, lihat Setelan sinkronisasi.

Preferensi

Tampilan

Tema menetapkan tema warna untuk UI DevTools.

Tata letak panel mengatur panel dalam panel.

Bahasa menetapkan lokalitas untuk UI DevTools.

Aktifkan pintasan Ctrl/Cmd + 0-9 untuk beralih panel memungkinkan Anda membuka panel menggunakan keyboard.

Nonaktifkan overlay status dijeda menyembunyikan overlay Dijeda di debugger di area pandang saat eksekusi kode dijeda.

Tampilkan Yang Baru setelah setiap pembaruan akan otomatis membuka tab panel samping Yang Baru setelah setiap pembaruan Chrome.

Sumber

Penelusuran dalam skrip anonim dan konten memungkinkan Anda menelusuri semua file JavaScript yang dimuat, termasuk yang ada di ekstensi Chrome, menggunakan tab Penelusuran.

Buka file di sidebar secara otomatis memilih file di panel Sumber > Halaman saat Anda beralih antar-tab di Editor.

Aktifkan peta sumber JavaScript memungkinkan DevTools menemukan sumber file JavaScript yang dihasilkan atau diminifikasi.

Aktifkan tab memindahkan fokus membuat tombol Tab memindahkan fokus di dalam DevTools, bukan menyisipkan karakter Tab di Editor.

Deteksi indentasi menetapkan indentasi ke indentasi yang ada pada file sumber yang dibuka di Editor.

Pelengkapan otomatis memungkinkan saran praktis di Editor.

Penutupan tanda kurung otomatis akan otomatis menambahkan tanda kurung atau tag penutup saat Anda mengetik tanda kurung buka.

Pencocokan kurung memberikan garis bawah dan sorotan dalam warna merah terang di Editor berupa tanda kurung siku, tanda kurung kurawal, atau tanda kurung tanpa pasangan.

Code folding memungkinkan Anda melipat dan membentangkan blok kode dalam tanda kurung kurawal di Editor.

Tampilkan karakter spasi kosong menampilkan karakter spasi kosong di Editor.

Tampilkan nilai variabel dalam satu baris saat melakukan debug menampilkan nilai variabel di samping pernyataan penetapan saat eksekusi dijeda.

Fokuskan panel Sumber saat memicu titik henti sementara akan membuka Sumber > Editor di baris dengan titik henti sementara yang menjeda eksekusi.

Otomatis Pretty print sumber yang diminifikasi membuat sumber tersebut mudah dibaca.

Mengaktifkan peta sumber CSS memungkinkan DevTools menemukan sumber file CSS yang dihasilkan, misalnya, .scss, dan menampilkannya kepada Anda.

Izinkan scroll melewati akhir file memungkinkan Anda men-scroll lebih jauh dari baris terakhir di Editor.

Mengizinkan DevTools memuat resource, seperti peta sumber, dari jalur file jarak jauh. Dinonaktifkan secara default karena alasan keamanan.

Indentasi default memungkinkan Anda memilih jumlah spasi yang disisipkan tombol Tab di Editor.

Elemen

Tampilkan shadow DOM agen pengguna menampilkan node shadow DOM di hierarki DOM.

Penggabungan kata membagi baris panjang dalam hierarki DOM dan menggabungkannya ke baris berikutnya.

Tampilkan komentar HTML menampilkan komentar HTML di hierarki DOM.

Tampilkan node DOM saat kursor diarahkan untuk memilih node yang sesuai pada hierarki DOM saat Anda mengarahkan kursor ke elemen di area pandang dalam mode pemeriksaan .

Tampilkan tooltip pemeriksaan mendetail menampilkan tooltip di area tampilan dalam mode pemeriksaan saat Anda mengarahkan kursor ke elemen.

Tampilkan penggaris saat mengarahkan kursor menampilkan penggaris di area pandang saat Anda mengarahkan kursor ke elemen dalam hierarki DOM.

Tampilkan tooltip dokumentasi CSS menampilkan tooltip dengan deskripsi singkat saat Anda mengarahkan kursor ke properti di panel Styles.

Jaringan

Preserve log sama dengan Preserve log di panel Network. Menyimpan permintaan di seluruh pemuatan halaman.

Record network log sama dengan Record network log di panel Network. Memulai atau menghentikan pencatatan permintaan di log jaringan.

Aktifkan pemblokiran permintaan jaringan akan memblokir permintaan yang cocok dengan pola di panel samping Pemblokiran permintaan jaringan.

Nonaktifkan cache (saat DevTools terbuka) sama dengan Nonaktifkan cache di panel Jaringan. Menonaktifkan cache browser.

Izinkan pembuatan HAR dengan data sensitif menambahkan opsi ke tombol downloadEkspor HAR yang memungkinkan Anda mengekspor dengan atau tanpa data sensitif (dibersihkan).

Jenis resource kode warna menandai permintaan dengan warna yang berbeda-beda, bergantung pada jenisnya di kolom Waterfall pada log jaringan.

Kelompokkan log jaringan menurut frame sama dengan Kelompokkan menurut frame di panel Jaringan. Opsi ini mengelompokkan permintaan yang dimulai oleh frame inline.

Paksa pemblokiran iklan di situs ini akan memblokir iklan yang terdeteksi di halaman saat DevTools terbuka.

Performa

Tindakan roda mouse flamechart menetapkan tindakan scroll atau zoom ke roda mouse saat Anda menavigasi flamechart.

Konsol

Sembunyikan pesan jaringan akan menyembunyikan pesan jaringan di Konsol.

Hanya konteks yang dipilih membuat Konsol hanya menampilkan pesan untuk konteks yang dipilih: atas, iframe, pekerja, atau ekstensi.

Log XMLHttpRequests membuat Konsol mencatat log XHR dan permintaan pengambilan.

Tampilkan stempel waktu membuat Konsol menampilkan stempel waktu di samping pesan.

Pelengkapan otomatis dari histori membuat Konsol menyarankan perintah yang Anda jalankan sebelumnya saat Anda mengetik.

Terima saran pelengkapan otomatis saat menekan tombol Enter akan membuat Konsol menerima saran yang dipilih dari drop-down pelengkapan otomatis saat Anda menekan Enter.

Kelompokkan pesan serupa di konsol membuat Konsol mengelompokkan pesan yang serupa.

Tampilkan error CORS di konsol membuat Konsol menampilkan error CORS yang dicatat ke dalam log.

Evaluasi segera membuat Konsol menampilkan pratinjau output saat Anda mengetik perintah.

Perlakukan evaluasi kode sebagai tindakan pengguna mengubah perintah apa pun yang Anda jalankan di Konsol menjadi interaksi pengguna.

Luaskan pesan console.trace() secara otomatis membuat Konsol menampilkan pesan console.trace() yang diperluas saat mencatatnya ke dalam log.

Pertahankan log saat navigasi membuat Konsol mencatat pesan Navigated to pada setiap navigasi dan menyimpan log di semua halaman.

Perluasan

Penanganan link menetapkan opsi untuk membuka file saat Anda mengklik link ke file sumber, misalnya, di panel Elements > Styles.

Persistensi

Aktifkan penggantian lokal membuat DevTools mempertahankan perubahan yang Anda buat pada sumber di seluruh pemuatan halaman.

Debugger

Nonaktifkan JavaScript memungkinkan Anda melihat tampilan dan perilaku halaman web saat JavaScript dinonaktifkan.

Menonaktifkan pelacakan tumpukan asinkron akan menyembunyikan "cerita lengkap" operasi asinkron di Call Stack.

Global

Buka otomatis DevTools untuk pop-up akan membuka DevTools saat Anda mengklik link yang membuka tab baru. Artinya, semua link dengan target=_blank.

Telusuri saat Anda mengetik membuat DevTools "lompat" ke hasil penelusuran pertama saat Anda mengetik kueri penelusuran. Jika dinonaktifkan, DevTools akan membawa Anda ke hasil hanya saat Anda menekan Enter.

Sinkronisasi

Aktifkan sinkronisasi setelan memungkinkan Anda menyinkronkan setelan DevTools di beberapa perangkat.

Aktifkan pintasan `Ctrl/Cmd` + `0`-`9` untuk beralih panel memungkinkan Anda membuka panel menggunakan keyboard.

Aktifkan tab memindahkan fokus membuat tombol `Tab` memindahkan fokus di dalam DevTools, bukan menyisipkan karakter Tab di Editor.

Mengaktifkan peta sumber CSS memungkinkan DevTools menemukan sumber file CSS yang dihasilkan, misalnya, `.scss`, dan menampilkannya kepada Anda.

Indentasi default memungkinkan Anda memilih jumlah spasi yang disisipkan tombol `Tab` di Editor.

Izinkan pembuatan HAR dengan data sensitif menambahkan opsi ke tombol Ekspor HAR yang memungkinkan Anda mengekspor dengan atau tanpa data sensitif (dibersihkan).

Terima saran pelengkapan otomatis saat menekan tombol Enter akan membuat Konsol menerima saran yang dipilih dari drop-down pelengkapan otomatis saat Anda menekan `Enter`.

Luaskan pesan console.trace() secara otomatis membuat Konsol menampilkan pesan `console.trace()` yang diperluas saat mencatatnya ke dalam log.

Pertahankan log saat navigasi membuat Konsol mencatat pesan `Navigated to` pada setiap navigasi dan menyimpan log di semua halaman.

Buka otomatis DevTools untuk pop-up akan membuka DevTools saat Anda mengklik link yang membuka tab baru. Artinya, semua link dengan `target=_blank`.

Telusuri saat Anda mengetik membuat DevTools "lompat" ke hasil penelusuran pertama saat Anda mengetik kueri penelusuran. Jika dinonaktifkan, DevTools akan membawa Anda ke hasil hanya saat Anda menekan `Enter`.