Yang Baru di DevTools (Chrome 94)

Jecelyn Yeen

Gunakan DevTools dalam bahasa pilihan Anda

Chrome DevTools kini mendukung lebih dari 80 bahasa, sehingga Anda dapat bekerja dalam bahasa pilihan Anda!

Buka Setelan, lalu pilih bahasa pilihan Anda di bagian Preferensi > Dropdown Bahasa dan muat ulang DevTools.

Preferensi" lebar="800" tinggi="494">

Masalah Chromium: 1163928

Perangkat Nest Hub baru dalam daftar Perangkat

Anda kini dapat menyimulasikan dimensi Nest Hub dan Nest Hub Max dalam Mode perangkat.

Klik Aktifkan/Nonaktifkan Toolbar Perangkat    , pilih Nest Hub atau Nest Hub Max pada daftar perangkat.

Masalah Chromium: 1223525

Uji coba origin dalam tampilan detail Frame

Anda kini bisa mendapatkan informasi tentang uji coba origin situs dalam tampilan detail frame pada panel Aplikasi.

Uji coba origin memberi Anda akses ke fitur baru atau eksperimental, untuk membuat fungsi yang dapat dicoba oleh pengguna untuk waktu terbatas sebelum fitur tersedia bagi semua orang.

Buka halaman dengan uji coba origin (mis. halaman demo). Di panel Application, scroll ke bawah ke bagian Frame, lalu pilih bingkai teratas.

Masalah Chromium: 607555

Badge kueri penampung CSS baru

Badge container baru ditambahkan di samping elemen penampung (elemen ancestor yang cocok dengan kriteria @container at-rules). Klik badge untuk mengalihkan tampilan overlay dari penampung yang dipilih dan semua turunan kuerinya di halaman.

Masalah Chromium: 1146422

Kotak centang baru untuk membalikkan filter jaringan

Gunakan kotak centang Invert baru untuk membalikkan filter di panel Jaringan.

Misalnya, Anda dapat mengetik "kode status: 404" untuk memfilter permintaan jaringan dengan status 404. Aktifkan kotak centang Balikkan untuk menegasikan filter (tampilkan semua permintaan jaringan yang tidak menggunakan status 404).

Masalah Chromium: 1054464

Penghentian mendatang pada sidebar Konsol

Sidebar Console akan dihapus dan diganti dengan pemindahan UI filter ke toolbar. Apakah Anda memiliki masalah atau masukan? Beri tahu kami melalui Issue Tracker ini.

Masalah Chromium: 1232937

Tampilkan header Set-Cookie mentah di tab Masalah dan panel Jaringan

DevTools kini menampilkan header Set-Cookie mentah di tab Issues.

Sebelumnya, DevTools tidak menampilkan cookie yang salah format (header Set-Cookie salah) di panel Jaringan. Dengan filter response-header-set-cookie baru yang ditambahkan di panel Jaringan, pengguna dapat memfilter respons header Set-Cookie mentah. DevTools akan menautkan header Set-Cookie mentah di tab Issues ke panel Network.

Masalah Chromium: 1179186

Menampilkan pengakses native secara konsisten sebagai properti sendiri di Konsol

Konsol kini menampilkan pengakses native sebagai propertinya sendiri secara konsisten.

Misalnya, saat mengevaluasi ekspresi new Int8Array([1, 2, 3]) di Konsol, pengakses native seperti length, byteOffset tidak ditampilkan dalam pratinjau. Dengan update terbaru ini, pengakses native ditampilkan dalam pratinjau dan nilai akan dievaluasi dengan segera saat diperluas.

Masalah Chromium: 1076820, 1199247

Pelacakan tumpukan error yang tepat untuk skrip inline dengan #sourceURL

DevTools kini menyelesaikan skrip inline dengan #sourceURL dengan benar dan menampilkan stack trace error yang tepat untuk proses debug.

Sebelumnya, DevTools menampilkan lokasi yang salah untuk skrip inline dengan #sourceURL, secara relatif terhadap dokumen di sekitarnya, bukan relatif terhadap tag <script> pembuka.

Masalah Chromium: 1183990, 578269

Mengubah format warna di panel Computed

Anda kini dapat mengubah format warna elemen apa pun di panel Computed dengan menekan Shift + mengklik pratinjau warna.

Masalah Chromium: 1226371

Mengganti tooltip kustom dengan tooltip HTML native

DevTools kini mengadopsi tooltip HTML native di semua komponen. DevTools telah memiliki implementasi tooltip kustom dalam waktu yang lama karena kurangnya gaya visual tooltip HTML native.

Sayangnya, mempertahankan penerapan tooltip kustom itu rumit dan kami sering mengalami bug yang rumit.

Setelah membobotkan kembali manfaat implementasi kustom, kami mendapati bahwa tooltip HTML native cukup untuk DevTools dan mengadopsi tooltip akan mencegah berbagai masalah bagi pengguna.

Masalah Chromium: 1223391

[Eksperimental] Sembunyikan masalah di tab Masalah

Aktifkan eksperimen sembunyikan menu masalah untuk menyembunyikan masalah di tab Masalah. Dengan cara ini, Anda dapat fokus pada masalah penting yang penting bagi Anda.

Di tab Masalah, arahkan kursor pada masalah, klik menu masalah di sebelah kanan, pilih Sembunyikan masalah seperti ini untuk menyembunyikannya.

Masalah Chromium: 1175722

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, menguji API platform web mutakhir, dan menemukan masalah di situs Anda sebelum pengguna melakukannya.

Menghubungi tim Chrome DevTools

Gunakan opsi berikut untuk membahas fitur dan perubahan baru dalam postingan, atau hal lain yang terkait dengan DevTools.

• Kirim saran atau masukan kepada kami melalui crbug.com.
• Laporkan masalah DevTools menggunakan Opsi lainnya   > Bantuan > Laporkan masalah DevTools di DevTools.
• Tweet di @ChromeDevTools.
• Beri komentar di Video YouTube yang baru di DevTools atau Tips DevTools Video YouTube.

Yang baru di DevTools

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