Yang baru di DevTools, Chrome 139

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools yang lebih andal dan produktif

Dalam versi ini, Chrome DevTools memprioritaskan keunggulan produk. Hal ini melibatkan penanganan berbagai masalah umum, mulai dari gangguan visual yang sudah lama terjadi, masalah kegunaan, dan inkonsistensi dalam desain hingga masalah performa dan fungsional. Secara keseluruhan, kami mengurangi jumlah masalah terbuka sebesar 27%.

Kami akhirnya mengatasi beberapa masalah lama, tetapi kami juga melakukan peningkatan pada fitur yang lebih baru, misalnya, di panel Performa dan bantuan AI. Hasilnya adalah peningkatan pengalaman developer yang signifikan secara keseluruhan.

Di balik layar, kami melakukan upaya besar-besaran untuk meningkatkan cakupan pengujian, menyelidiki kegagalan pengujian yang kompleks, memigrasikan pengujian ke fondasi yang lebih andal, dan menyelesaikan bug yang kami temukan selama proses tersebut. Kami berhasil mengurangi jumlah masalah terkait pengujian sebesar 54%.

Kami harap Anda akan merasakan berbagai perbaikan dan peningkatan kecil ini di berbagai panel, sehingga alur kerja penelusuran bug dan pengembangan harian Anda menjadi lebih lancar, andal, dan produktif.

Mengupload gambar dalam bantuan AI untuk penataan gaya

Untuk memberikan konteks visual tambahan pada perintah Anda, Anda kini tidak hanya dapat mengambil screenshot otomatis, tetapi juga mengupload gambar apa pun ke percakapan Anda dengan Gemini di panel Bantuan AI.

Mulai percakapan Anda dari panel Elemen dengan memilih elemen DOM dan mengklik Tanya AI, sehingga elemen tersebut ditentukan sebagai konteks percakapan. Kemudian, klik Tambahkan gambar di kolom input.

Sebelum dan sesudah mendukung upload gambar arbitrer.

Menambahkan header permintaan ke tabel di Jaringan

Di panel Jaringan, Anda kini dapat mengklik kanan nama kolom dalam tabel permintaan dan memilih beberapa header permintaan untuk menambahkannya sebagai kolom.

Sebelum dan setelah menambahkan opsi 'header permintaan' ke menu.

Masalah Chromium: 397481040.

Lihat sorotan dari Google I/O 2025

Jika belum, coba fitur utama baru Chrome DevTools yang disoroti di Google I/O 2025, termasuk, tetapi tidak terbatas pada:

Selain itu, lihat Insight performa baru: JavaScript duplikat dan JavaScript lama.

Sorotan lain-lain

Berikut adalah beberapa perbaikan dan peningkatan penting dalam rilis ini:

  • Penerapan: Sekarang ada dialog konfirmasi untuk menghapus penyimpanan objek IndexedDB karena tindakan ini tidak dapat diurungkan (crbug.com/326987147).
  • Sumber: Badge titik log dan titik henti bersyarat di samping baris kode kini menampilkan tooltip saat kursor diarahkan ke badge tersebut dengan pesan atau kondisi log yang sesuai (crbug.com/40266230).

  • Performa:

    • Insight Penyebab pergeseran tata letak kini menampilkan link ke gambar yang tidak memiliki ukuran (crbug.com/416449602).
    • Insight Penemuan permintaan LCP kini menampilkan penundaan pemuatan gambar setelah titik awal paling awal.
    • Pembatasan: Memperbaiki format setelan pembatasan yang sudah tidak berlaku dan disimpan secara lokal oleh beberapa pengguna.
    • Log aktivitas: Pemfilteran mendapatkan peningkatan kecepatan (crbug.com/40783421).

  • Animasi: Menghapus screenshot pratinjau yang tidak digunakan lagi karena klik untuk melihat pratinjau grup animasi memberikan pengalaman yang serupa dan lebih baik (crbug.com/330179643).

  • Aksesibilitas:

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, memungkinkan Anda menguji API platform web canggih, dan membantu Anda menemukan masalah di situs Anda sebelum pengguna Anda menemukannya.

Menghubungi tim Chrome DevTools

Gunakan opsi berikut untuk mendiskusikan fitur baru, update, atau hal lain yang terkait dengan DevTools.

Yang baru di DevTools

Daftar semua hal yang telah dibahas dalam seri Yang baru di DevTools.