Selamat datang di bagian pertama dari catatan rilis DevTools! Mulai saat ini, saat pertama kali Anda membuka Chrome versi baru, DevTools akan membuka panel samping What's New dengan link ke catatan rilis untuk versi tersebut.
Sorotan
- Panel Linimasa telah diganti namanya menjadi panel Performa.
- Panel Profiles telah diganti namanya menjadi panel Memori.
- Nilai cookie kini dapat diedit.
- DevTools kini otomatis dijeda sebelum terjadi error kehabisan memori.
Fitur baru
Cookie yang dapat diedit
Klik dua kali sel di tab Cookie untuk mengedit nilai tersebut.
Terima kasih kepada kdzwinel atas kontribusinya!
Variabel CSS yang dapat diperiksa dan diedit di panel Styles
Anda kini dapat memeriksa dan mengedit variabel CSS di panel Styles. Lihat Demo Variabel CSS untuk mencobanya sendiri.
Titik henti sementara kehabisan memori
Jika aplikasi mengalokasikan banyak memori dalam waktu singkat, DevTools kini akan otomatis menjeda dan meningkatkan batas heap. Dengan begitu, Anda dapat memeriksa heap dan menjalankan perintah di Konsol untuk mengosongkan memori, dan melanjutkan proses debug masalah. Lihat Satu Langkah Kecil Untuk Chrome, Satu raksasa Heap Untuk V8 untuk mengetahui informasi selengkapnya.
Titik henti sementara pada pembuatan kanvas
Sekarang, Anda dapat membuat titik henti sementara pemroses peristiwa yang dipicu setiap kali konteks kanvas baru dibuat.
Statistik waktu mulai di tab Waktu
Di bagian atas tab Timing, Anda kini dapat melihat kapan permintaan berada dalam antrean dan dimulai.
Statistik server di tab Waktu
Sekarang Anda dapat menyisipkan statistik server khusus ke tab Waktu. Lihat Demo nilai waktu server untuk mengetahui contohnya.
Terima kasih kepada sroussey atas kontribusinya!
Perubahan
Panel Linimasa sekarang menjadi panel Performa
Panel Linimasa telah diganti namanya menjadi panel Performa agar lebih mencerminkan tujuannya.
Panel Profil sekarang menjadi panel Memori
Panel Profil telah diganti namanya menjadi panel Memori, untuk lebih mencerminkan tujuannya.
CPU Profiler berada di belakang panel tersembunyi
Sekarang panel Profiles disebut panel Memory, sehingga tidak masuk akal jika CPU profiler dijalankan di panel tersebut lagi. Selain itu, tujuan jangka panjangnya adalah meminta semua pengguna membuat profil dari panel Performance. Sementara itu, Anda masih dapat mengakses CPU profiler lama dari Settings > More Tools > JavaScript Profiler.
Lihat Chrome DevTools: Profil CPU JavaScript di Chrome 58 untuk mempelajari cara membuat profil CPU di panel Performa.
UI Konsol Baru
Panel dan panel samping Konsol telah mengalami beberapa perubahan UI. Beberapa fitur yang tidak populer telah dipindahkan ke lokasi yang lebih tersembunyi, dan fitur populer kini lebih mudah diakses.
- Klik Console Settings
untuk
mengakses setelan untuk menyesuaikan perilaku Konsol. - Pertahankan log kini disembunyikan di Setelan Konsol.
- Panel dan tombol Filter akan hilang. Gunakan menu dropdown.
- Kotak teks untuk memfilter log kini selalu ditampilkan. Filter sebelumnya disembunyikan di panel Filter.
- Kotak teks pemfilteran secara otomatis menerima RegEx, sehingga kotak Regex hilang.
- Kotak centang Sembunyikan pelanggaran hilang. Tetapkan dropdown tingkat logging ke Verbose untuk melihat pelanggaran.
- Menghapus centang pada kotak Show all messages di UI lama sama dengan mencentang kotak Selected context only di Console Settings di UI baru.
Titik henti sementara pemroses peristiwa WebGL telah dipindahkan
Titik henti sementara pemroses peristiwa WebGL telah dipindahkan dari kategori WebGL ke kategori Canvas. Kategori WebGL telah dihapus.