Halaman ini diterjemahkan oleh Cloud Translation API.

Yang baru di DevTools, Chrome 126

Sofia Emelianova

Peningkatan panel performa

Versi ini menghadirkan beberapa peningkatan pada panel Performance.

Memindahkan dan menyembunyikan trek dengan mode konfigurasi trek yang diperbarui

Sekarang Anda dapat memasuki mode konfigurasi jalur dengan mengklik kanan nama trek dan memilih Konfigurasi jalur. Tombol edit yang memerlukan spasi ekstra telah dihapus.

Dengan mode konfigurasi trek, Anda dapat mengubah urutan trek dan menyembunyikannya. Klik arrow_upward ke atas atau arrow_downward untuk memindahkan trek atau klik Visibility_off sembunyikan. Untuk keluar dari mode konfigurasi, klik Selesai mengonfigurasi jalur di bagian bawah. Konfigurasi ini tetap ada untuk rekaman aktivitas baru, tetapi tidak untuk sesi DevTools berikutnya.

Masalah Chromium: 336266699.

Abaikan skrip di flame chart

flame chart di trek Utama menambahkan dukungan daftar yang diabaikan. Sekarang Anda dapat mengklik kanan skrip dalam diagram dan memilih Tambahkan skrip ke daftar yang diabaikan.

Opsi menu untuk menambahkan skrip ke daftar yang diabaikan, skrip yang ditandai sebagai diabaikan, serta aturan terkait di Setelan.

Diagram menciutkan skrip yang diabaikan, menandainya sebagai Di daftar yang diabaikan, lalu menambahkannya ke Aturan pengecualian kustom di setelan Setelan > Daftar yang diabaikan. Skrip yang diabaikan disimpan hingga Anda menghapusnya dari trace atau dari Aturan pengecualian kustom.

Masalah Chromium: 336266714.

Batasi CPU sebanyak 20 kali

Menu throttling CPU di Capture settings pada panel Performance akan mendapatkan opsi baru perlambatan 20x. Jadi, Anda sekarang dapat mereproduksi dan menganalisis masalah kinerja dunia nyata dengan lebih akurat, bahkan pada komputer kelas atas.

Sebelum dan sesudah menambahkan opsi '20x smoothdonw' ke 'Capture settings'.

Masalah Chromium: 324978881.

Panel insight performa tidak akan digunakan lagi

Panel Insight performa eksperimental tidak akan digunakan lagi pada tahun 2024. Tim DevTools sedang berupaya mengintegrasikan fitur-fitur yang paling berguna ke panel Performance. Panel Insight performa kini menampilkan banner di bagian atas yang menginformasikan tentang penghentian mendatang.

Untuk mempelajari lebih lanjut, lihat Alat performa pada tahun 2024 dan seterusnya.

Jika Anda memiliki masukan tentang hal apa saja yang berhasil, apa yang tidak, dan apa yang menurut Anda dapat ditingkatkan dengan lebih baik, kami ingin mendengar pendapat Anda.

Tempel seluruh string header untuk menggantinya

Saat mengganti header, Anda kini dapat menempelkan seluruh string header (HEADER_NAME: VALUE) dan DevTools akan membagi string di : menjadi nama header dan nilainya.

Lihat cara kerjanya dalam video berikut.

Saat mengedit header, panel Network kini memberikan peringatan jika Anda memasukkan karakter selain alfanumerik, tanda hubung, dan garis bawah.

Peringatan di samping nama header dengan karakter yang tidak didukung.

Selain itu, opsi menu ganti dan tombol Edit dinonaktifkan untuk URL chrome://, yang cocok dengan perilaku yang diinginkan.

Masalah Chromium: 330967147, 337012362, 328210785.

Menemukan penggunaan memori yang berlebihan dengan filter baru di snapshot heap

Snapshot heap di panel Memori mendapatkan filter baru yang dapat membantu Anda menemukan kasus umum penggunaan memori yang tidak efisien, seperti string duplikat, objek yang dipertahankan oleh node DOM yang terlepas, dan Console DevTools.

Sebelum dan sesudah penambahan opsi filter untuk kasus umum penggunaan memori yang tidak efisien.

Masalah Chromium: 337094903.

Memeriksa bucket penyimpanan di Application > Storage

Anda kini dapat memeriksa bucket penyimpanan pada hierarki khusus di bagian Application > Storage. Hierarki ini, yang sebelumnya bersifat eksperimental, telah diaktifkan secara default.

Sebelum dan sesudah mengaktifkan hierarki bucket penyimpanan di bagian Penyimpanan.

Masalah Chromium: 338094915.

Menonaktifkan peringatan XSS mandiri dengan tanda command line

Jika Anda mengotomatiskan penggunaan Chrome atau membuka DevTools dari command line untuk proses debug, sering kali Anda perlu menonaktifkan peringatan XSS mandiri yang muncul di setiap sesi DevTools baru.

Dialog peringatan self-xss di Konsol.

Sekarang Anda dapat menonaktifkan dialog ini dengan meneruskan tanda command line --unsafely-disable-devtools-self-xss-warnings ke Chrome.

Masalah Chromium: 41491762.

Mercusuar(mercusuar) 12.0.0

Panel Lighthouse sekarang menjalankan Lighthouse 12.0.0.

Update ini menghadirkan sejumlah perubahan, termasuk penghapusan kategori PWA, pengaturan ulang kategori SEO, penghentian Penghematan Keseluruhan, audit baru, dan perubahan audit. Lihat daftar lengkap perubahan.

Untuk mempelajari dasar-dasar penggunaan panel Lighthouse di DevTools, lihat Lighthouse: Mengoptimalkan kecepatan situs.

Masalah Chromium: 772558.

Sorotan lain-lain

Berikut adalah beberapa perbaikan dan peningkatan penting dalam rilis ini:

Performa:
- Setelan pengambilan lambat (Aktifkan instrumentasi paint lanjutan dan Aktifkan statistik pemilih CSS) sekarang akan otomatis dihapus pada sesi DevTools berikutnya.
- Tab Selector Stats kini tidak secara otomatis men-scroll ke bagian bawah saat Anda memperbesar/memperkecil flame chart dan perubahan data (337999939).
Konsol: Pintasan Ctrl+` sekarang menutup Console di panel samping hanya jika sedang dalam fokus (40875466, 328210785).
Isi Otomatis: Penguraian alamat telah diperbaiki (335409093, 335409707).
Aksesibilitas: Pengumuman pembaca layar untuk string yang dilokalkan telah diperbaiki (324930007).

Mendownload saluran pratinjau

Pertimbangkan untuk menggunakan Chrome Canary, Dev, atau Beta sebagai browser pengembangan default Anda. Saluran pratinjau ini memberi Anda akses ke fitur DevTools terbaru, menguji API platform web tercanggih, dan menemukan masalah di situs Anda sebelum pengguna melakukannya.

Menghubungi tim Chrome DevTools

Gunakan opsi berikut untuk membahas fitur dan perubahan baru di postingan, atau hal lain yang berkaitan dengan DevTools.

Kirim saran atau masukan kepada kami melalui crbug.com.
Laporkan masalah DevTools menggunakan Opsi lainnya > Bantuan > Laporkan masalah DevTools di DevTools.
Tweet di @ChromeDevTools.
Berikan komentar di video YouTube Apa yang baru di DevTools atau video YouTube Tips DevTools.