Yang Baru di DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Bagian @property yang ditingkatkan di Elements > Styles

Aturan @property yang dapat diedit

Sekarang Anda dapat mengedit aturan @property CSS di bagian yang sesuai di panel Elemen > Gaya.

Sebelum dan setelah membuat aturan properti dapat diedit.

Masalah Chromium: 1471123.

Masalah dengan aturan @property yang tidak valid dilaporkan

Tab Masalah kini melaporkan masalah terkait deklarasi yang tidak valid dalam aturan @property.

Masalah dengan aturan properti yang dilaporkan di tab Masalah.

Masalah Chromium: 1473283.

Daftar perangkat yang diperbarui untuk ditiru

String agen pengguna di Setelan. Setelan > Perangkat telah diperbarui untuk mencerminkan penggunaan rata-rata browser dan sistem operasi. Anda kini dapat mengemulasi lebih banyak perangkat terbaru dalam mode perangkat.

Sebelum dan setelah memperbarui daftar perangkat.

Masalah Chromium: 1479733.

Mencetak JSON inline dengan rapi dalam tag skrip di Sources

Panel Sources kini mendukung pencetakan JSON inline yang lebih rapi dalam tag HTML <script> untuk memudahkan proses debug.

Sebelum dan sesudah JSON inline dicetak rapi dalam tag skrip.

Masalah Chromium: 406900, 1473875.

Melengkapi otomatis kolom pribadi di Konsol

Anda kini dapat melengkapi otomatis kolom class pribadi saat mengevaluasinya di luar cakupan class di Konsol.

Sebelum dan sesudah mendukung pelengkapan otomatis untuk kolom class pribadi di luar cakupan class.

Masalah Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Panel Lighthouse kini menjalankan Lighthouse 11.1.0. Lihat daftar lengkap perubahan.

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

Masalah Chromium: 772558.

Peningkatan aksesibilitas

Pembaca layar kini akan membacakan hal berikut:

  • Peringatan dan error di Konsol.
  • Teks dalam dialog Apakah Anda memercayai kode ini? saat menempelkan kode ke Konsol atau Sumber.

Selain itu, panel Aplikasi memperbaiki masalah kontras dengan link dalam mode kontras tinggi.

Masalah Chromium: 1485257, 1486643, 1485263.

Penghentian penggunaan Web SQL

Bagian Application > Web SQL akan dihapus di Chrome 123 karena Web SQL Database API tidak lagi dikelola. Versi ini menambahkan peringatan ke bagian tentang penghapusan yang akan datang.

Peringatan penghentian penggunaan Web SQL.

Untuk mengetahui informasi selengkapnya, lihat Penghentian penggunaan dan penghapusan Web SQL.

Masalah Chromium: 1485966.

Validasi rasio aspek screenshot di Aplikasi > Manifes

Bagian Application > Manifest kini memeriksa apakah screenshot aplikasi web Anda dengan faktor bentuk yang sama (wide atau narrow) memiliki rasio aspek yang sama.

Peringatan tentang rasio aspek screenshot yang salah dengan faktor bentuk yang sama.

Untuk mengetahui informasi selengkapnya, lihat Men-debug Progressive Web App dan Menambahkan manifes aplikasi web.

Tim DevTools mengucapkan terima kasih kepada Alexey Rodionov atas peluncuran perubahan ini dan peningkatan peringatan manifes lainnya dalam versi sebelumnya.

Masalah Chromium: 1476656.

Sorotan lain-lain

Berikut beberapa perbaikan dan peningkatan penting dalam rilis ini:

  • Elemen:
    • Contoh fungsi pengaturan waktu animasi tidak ditampilkan untuk properti CSS panjang di bagian properti singkatan yang dapat diluaskan (1149182).
    • Sekarang, pelengkapan otomatis untuk contain-intrinsic-* tidak memberikan nilai auto tunggal yang salah karena seharusnya auto <length> (1480415).
    • Dukungan untuk properti -webkit-* yang tidak digunakan lagi dan tidak valid telah dihapus (1086089, 1030765).
  • Titik henti sementara: Memperbaiki bug dengan dialog pengeditan titik henti sementara yang menghilang saat jenis titik henti sementara diubah (1485782).
  • Performa:
    • Error penguraian warna selama perekaman performa telah diperbaiki (1480205).
    • Memperbaiki bug terkait LCP yang tidak ditampilkan di jalur Timings (1487136).
  • Jaringan: Kolom Tetapkan cookie kini menampilkan jumlah cookie yang ditetapkan dengan benar, tidak termasuk yang diblokir (1486903).
  • Ekstensi DevTools kini dimuat setelah navigasi ke host yang tidak diblokir (1476264).
  • Memperbaiki bug dengan konteks eksekusi skrip yang salah untuk ekstensi (1275331).

Download 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.