Yang baru di DevTools (Chrome 58)

Selamat datang di edisi pertama catatan rilis DevTools. Mulai sekarang, saat pertama kali Anda membuka Chrome versi baru, DevTools akan membuka panel samping Yang Baru dengan link ke catatan rilis untuk versi tersebut.

Sorotan

  • Panel Linimasa telah diganti namanya menjadi Panel performa.
  • Panel Profil telah diganti namanya menjadi panel Memori.
  • Nilai cookie kini dapat diedit.
  • DevTools kini otomatis dijeda sebelum error memori habis.

Fitur baru

Cookie yang dapat diedit

Klik dua kali pada sel di tab Cookies untuk mengedit nilai tersebut.

Mengedit cookie.
Gambar 1. Mengedit cookie

Terima kasih kepada kdzwinel atas kontribusinya.

Variabel CSS yang dapat diperiksa dan diedit di panel Gaya

Anda kini dapat memeriksa dan mengedit variabel CSS di panel Gaya. Lihat Demo Variabel CSS untuk mencobanya sendiri.

Titik henti sementara kehabisan memori

Saat aplikasi mengalokasikan banyak memori dalam waktu singkat, DevTools kini otomatis menjeda dan meningkatkan batas heap. Hal ini memungkinkan Anda memeriksa heap, menjalankan perintah di Konsol untuk mengosongkan memori, dan melanjutkan proses debug masalah. Lihat One Small Step For Chrome, One Giant Heap For V8 untuk mengetahui informasi selengkapnya.

Dijeda pada titik henti sementara memori habis
Gambar 2. Dijeda pada titik henti sementara memori habis

Titik henti sementara pada pembuatan kanvas

Sekarang Anda dapat membuat titik henti sementara pemroses peristiwa yang dipicu setiap kali konteks kanvas baru dibuat.

Titik henti sementara pembuatan kanvas melalui kotak centang Buat konteks kanvas di panel Titik Henti Sementara Pemroses Peristiwa
Gambar 3. Titik henti sementara pembuatan kanvas melalui kotak centang Buat konteks kanvas di panel Titik Henti Sementara Pemroses Peristiwa

Statistik waktu mulai di tab Waktu

Di bagian atas tab Pengaturan waktu, Anda kini dapat melihat kapan permintaan diantrekan dan dimulai.

Statistik waktu mulai di tab Pengaturan waktu.
Gambar 4. Statistik waktu mulai di tab Waktu

Statistik server di tab Pengaturan waktu

Anda kini dapat menyisipkan statistik server kustom ke tab Pengaturan waktu. Lihat Demo nilai pengaturan waktu server untuk mengetahui contohnya.

Statistik server di tab Pengaturan waktu
Gambar 5. Statistik server di tab Timing

Terima kasih kepada sroussey atas kontribusinya.

Perubahan

Panel Linimasa kini menjadi panel Performa

Panel Linimasa telah diganti namanya menjadi panel Performa, untuk lebih mencerminkan tujuannya.

Panel Profil kini menjadi panel Memori

Panel Profil telah diganti namanya menjadi panel Memori, untuk lebih mencerminkan tujuannya.

CPU Profiler berada di balik panel tersembunyi

Setelah panel Profil disebut panel Memori, tidak ada alasan untuk memiliki profiler CPU di panel tersebut lagi. Selain itu, tujuan jangka panjangnya adalah mendapatkan semua pembuatan profil pengguna dari panel Performa. Sementara itu, Anda masih dapat mengakses profiler CPU lama dari Setelan > Alat Lainnya > JavaScript Profiler.

Lihat Chrome DevTools: Pembuatan 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 Setelan Konsol untuk mengakses setelan guna menyesuaikan perilaku Konsol.
  • Simpan log kini disembunyikan di Setelan Konsol.
  • Tombol dan panel Filter tidak ada lagi. Gunakan menu dropdown.
  • Kotak teks untuk memfilter log kini selalu ditampilkan. Sebelumnya, tersembunyi di panel Filter.
  • Kotak teks pemfilteran otomatis menerima RegEx, sehingga kotak centang Regex tidak ada.
  • Kotak centang Sembunyikan pelanggaran tidak ada lagi. Tetapkan dropdown level logging ke Verbose untuk melihat pelanggaran.
  • Membatalkan centang pada kotak Tampilkan semua pesan di UI lama setara dengan mencentang kotak Khusus konteks yang dipilih di Setelan Konsol di UI baru.
UI Konsol baru
Gambar 6. UI Konsol baru

Titik henti sementara pemroses peristiwa WebGL telah dipindahkan

Titik henti sementara pemroses peristiwa WebGL telah dipindahkan dari kategori WebGL ke kategori Kanvas. Kategori WebGL telah dihapus.