Yang baru di DevTools, Chrome 142

Saran kode dari Gemini

Anda kini bisa mendapatkan saran pengetikan otomatis yang dihasilkan AI di panel Konsol dan Sumber.

Fitur saran kode di panel Konsol dan Sumber

Untuk mengaktifkan fitur ini, buka Setelan > Inovasi AI, lalu aktifkan/nonaktifkan Saran kode.

Peningkatan untuk server MCP DevTools

Sejak meluncurkan pratinjau publik server MCP DevTools dengan v0.2.1, kami telah melakukan berbagai peningkatan dengan kontribusi dari komunitas dan merilis v0.9.0.

  • Dukungan Node.js telah diperluas hingga Node.js 20.
  • Permintaan jaringan dan pesan konsol dapat dipaginasi untuk menyimpan token dan difilter berdasarkan jenis permintaan (misalnya, skrip, stylesheet, gambar) dan jenis pesan (log, peringatan, error).
  • Screenshot dapat ditampilkan ke jalur tertentu dan dalam berbagai format.
  • Kategori alat yang dapat dikonfigurasi memungkinkan Anda mengatur kemampuan yang diekspos, sehingga mengurangi gangguan yang tidak perlu.
  • Sekarang Anda dapat meneruskan argumen peluncuran ke instance Chrome yang digunakan oleh server MCP.

Lihat changelog publik di GitHub untuk mengetahui daftar lengkap perubahan dan perbaikan bug, serta pelajari lebih lanjut server MCP DevTools di postingan blog pengumuman.

Akses yang lebih cepat ke bantuan AI

DevTools kini menyertakan lebih banyak link yang membuka bantuan AI. Item menu konteks Tanya AI telah diganti namanya menjadi Debug dengan AI dan diubah dengan tindakan langsung yang dapat dibantu oleh AI, berdasarkan konteks.

Dengan tombol baru tambahan di pojok kanan atas DevTools, Anda dapat membuka Bantuan AI dari mana saja di dalam DevTools.

Titik entri baru untuk bantuan AI di seluruh DevTools

Men-debug rekaman aktivitas performa lengkap dengan Gemini

Setelah merekam rekaman aktivitas di panel Performa, Anda kini dapat melakukan percakapan dengan Gemini tentang rekaman aktivitas lengkap, insight Performa terkait, dan data lapangan tanpa memilih konteks tertentu terlebih dahulu, semuanya dalam percakapan yang sama. Dengan begitu, Anda dapat melihat masalah performa secara lebih holistik sebelum mempelajari lebih dalam.

Setelah mengidentifikasi potensi masalah dengan bantuan Gemini, Anda dapat dengan lancar memilih item konteks yang lebih spesifik seperti peristiwa rekaman aktivitas atau Insight performa untuk pemeriksaan lebih lanjut dan melanjutkan percakapan yang sama.

Demikian pula, semua insight di Performa > Insight kini tersedia untuk Anda ajak bicara Gemini.

Mengalihkan orientasi panel samping

Drawer kini juga dapat dipindahkan ke samping. Dengan begitu, Anda dapat melihat panel secara berdampingan, bukan bertumpuk. Klik kanan nama panel di tab utama dan pilih Pindahkan ke laci untuk memindahkan panel yang dipilih ke laci.

Tambahkan panel tambahan ke laci dari > Alat Lainnya.

Tombol baru di panel samping untuk mengubah orientasi

Google Developer Program

Google Developer Program kini terintegrasi ke DevTools, dengan link langsung untuk pengelolaan profil dan badge baru yang bisa didapatkan.

Kontrol untuk Profil Developer Google di setelan DevTools

Badge adalah fitur keikutsertaan. Untuk mengaktifkan badge, buka Setelan > Preferensi > Akun, lalu aktifkan Dapatkan badge.

Sorotan lain-lain

Berikut adalah beberapa perbaikan dan peningkatan penting dalam rilis ini:

  • Panel Application kini mendukung pemeriksaan penyimpanan untuk semua jenis pekerja, termasuk Service Worker, Shared Worker, dan Dedicated Worker.
  • :target-current kini ditampilkan di panel Gaya.
  • Panel Jaringan kini dapat memfilter permintaan berdasarkan boolean Is ad-related baru.

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.