Yang Baru di DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Bagian @property yang ditingkatkan di Elemen > Gaya

Aturan @property yang dapat diedit

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

Sebelum dan sesudah membuat aturan properti dapat diedit.

Masalah Chromium: 1471123.

Masalah terkait 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 akan diemulasi telah diperbarui

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 sesudah memperbarui daftar perangkat.

Masalah Chromium: 1479733.

Mencetak JSON inline dengan rapi dalam tag skrip di Sumber

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

Sebelum dan sesudah pencetakan JSON inline yang rapi di tag skrip.

Masalah Chromium: 406900, 1473875.

Pelengkapan 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 SQL Web

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

Peringatan penghentian penggunaan Web SQL.

Untuk 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 karena telah menerapkan perubahan ini dan peningkatan peringatan manifes lainnya di versi sebelumnya.

Masalah Chromium: 1476656.

Sorotan lainnya

Berikut adalah beberapa perbaikan dan peningkatan penting dalam rilis ini:

  • Elemen:
    • Pilihan warna fungsi pengaturan waktu animasi tidak ditampilkan untuk properti CSS panjang di bagian properti singkat yang dapat diluaskan (1149182).
    • Autocomplete untuk contain-intrinsic-* kini 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 muncul di jalur Timings (1487136).
  • Jaringan: Kolom Set cookies kini menampilkan jumlah cookie yang benar yang ditetapkan, 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).

Mendownload saluran pratinjau

Sebaiknya gunakan 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 sebelum pengguna melakukannya.

Hubungi tim Chrome DevTools

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

Yang baru di DevTools

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