Yang baru di DevTools (Chrome 148)

Matthias Rohmer

Dipublikasikan: 5 Mei 2026

Chrome 148 menjadikan pohon aksesibilitas halaman penuh sebagai default, memperkenalkan detail asal iklan dalam tooltip, meningkatkan kualitas proses debug untuk Aturan Spekulasi, dan menambahkan tampilan diagnostik baru untuk laporan error.

DevTools untuk agen

Server dan CLI MCP Chrome DevTools telah diupdate ke versi 0.25.0, dengan beberapa fitur baru. Rilis ini juga mencakup berbagai perbaikan keandalan, seperti penanganan otomatis dialog browser untuk mencegah gangguan skrip selama eksekusi alat.

Fitur utama yang ditambahkan sejak update terakhir meliputi:

  • Pen-debug-an Ekstensi Chrome: Agen kini dapat menargetkan dan men-debug ekstensi Chrome, sehingga mereka dapat memeriksa halaman khusus ekstensi dan skrip latar belakang secara langsung.
  • Panggilan alat WebMCP: Alat eksperimental baru memungkinkan agen mencantumkan dan mengeksekusi alat WebMCP yang diekspos oleh halaman web.
  • Penjelajahan agentik di Lighthouse: Kategori audit "Penjelajahan Agentik" baru mengevaluasi apakah situs dioptimalkan untuk web agentik, seperti dengan memvalidasi pendaftaran alat WebMCP.

Untuk mulai menggunakan fitur ini dan fitur lainnya, lihat repositori GitHub dengan catatan rilis yang mendetail.

Hierarki aksesibilitas lengkap secara default

Panel Elemen dengan tombol aksesibilitas baru di sidebar.

Pohon aksesibilitas lengkap secara resmi keluar dari fase eksperimentalnya dan tetap menjadi tampilan default di panel Elemen. Dengan transisi ini, hierarki aksesibilitas gaya jejak link lama telah dihapus dari sumber untuk digantikan dengan tampilan yang lebih komprehensif ini.

Untuk menyederhanakan antarmuka, Chrome 148 menghapus tombol tindakan mengambang yang sebelumnya digunakan untuk beralih antara DOM dan pohon aksesibilitas. Anda kini dapat beralih tampilan menggunakan tombol khusus yang ada di tab Aksesibilitas di sidebar.

Masalah Chromium: 40808541

Peningkatan pemuatan spekulatif

Bagian Pemuatan spekulatif menjadi lebih efektif untuk men-debug pramuat:

  • Pemfilteran Teks: Anda kini dapat memfilter daftar aturan dan percobaan menggunakan teks bebas atau filter yang diketik (misalnya, url:, status:).
  • Kode Status HTTP: Untuk upaya yang gagal, kode status HTTP sebenarnya (seperti 404 atau 503) kini ditampilkan langsung di petak.
  • Pengiriman Formulir: Panel kini secara eksplisit mengidentifikasi dan menampilkan form_submission sebagai pemicu untuk melakukan pra-pemuatan.

Masalah Chromium: 479524246, 40926909

Ini adalah kontribusi komunitas, terima kasih kepada @hjanuschka.

Panel Aplikasi, dengan kolom filter Aturan spekulasi baru dan konteks Laporan error ditandai.

Konteks laporan error

Bagian Laporan error baru di sidebar panel Aplikasi memungkinkan Anda memeriksa laporan error yang dihasilkan oleh browser. Untuk setiap laporan, DevTools kini menampilkan petak Konteks mendetail yang berisi atribut key-value terkait error, sehingga mempermudah korelasi error dengan status atau konfigurasi frame tertentu.

Masalah Chromium: 400432195

Kueri @container hanya nama

DevTools kini mendukung kueri @container hanya nama. Sebelumnya, kueri tanpa deskriptor (seperti @container sidebar) mungkin tidak tercermin dengan benar di tab Gaya. Sekarang, elemen tersebut dirender dan dapat ditautkan dengan benar di bagian properti gaya.

Bagian yang diciutkan dan tidak berkontribusi

Untuk mengurangi kekacauan, tab Gaya kini otomatis menciutkan bagian yang tidak memberikan kontribusi deklarasi aktif. Aturan yang kosong atau hanya berisi properti yang kelebihan beban (digantikan oleh aturan lain) akan diciutkan secara default, sementara bagian dengan properti yang dinonaktifkan tetap diperluas untuk memudahkan proses penelusuran kesalahan.

Masalah Chromium: 40287550, 351662727

Urutan permintaan dan pembatasan yang direkomendasikan

  • Kolom Permintaan # : Anda kini dapat menambahkan kolom Permintaan # opsional ke panel Jaringan. Kolom ini menampilkan urutan absolut saat permintaan dimulai dan mendukung pengurutan.
  • Throttling yang Direkomendasikan: Drop-down throttling di panel Network kini menandai preset yang direkomendasikan berdasarkan data lapangan sebenarnya (CrUX) dari pengguna situs Anda, sehingga menyelaraskannya dengan rekomendasi yang sudah ada di panel Performance.

Panel Jaringan dan Kondisi jaringan, dengan kolom Permintaan # baru dan pembatasan yang direkomendasikan ditandai.

Masalah Chromium: 40276422, 456383409

Asal iklan di adorner

DevTools kini memberikan transparansi yang lebih besar tentang alasan elemen ditandai sebagai iklan. Saat Anda mengarahkan kursor ke hiasan iklan di panel Elemen, tooltip baru akan menampilkan provenans iklan.

Tooltip memberikan konteks tentang alasan elemen diidentifikasi sebagai iklan, seperti:

  • Asal skrip: Skrip mana yang terlibat dalam pembuatan elemen.
  • Aturan daftar filter: Aturan spesifik dari daftar filter (misalnya, EasyList) yang cocok dengan elemen atau resource yang dimuatnya.

Hal ini membantu developer dan peneliti privasi memahami "alasan" di balik pemberian tag pada iklan dan membantu men-debug positif palsu.

Masalah Chromium: 490029725, 495842556

Sorotan lain-lain

  • Emulasi: Memperbaiki bug lama yang menyebabkan screenshot seluruh halaman terkadang membuat viewport dalam keadaan "bocor" atau rusak (495385035).
  • WebAuthn: Menambahkan dukungan untuk menguji ekstensi hmac-secret dan hmac-secret-mc dengan autentikator virtual (420689820).
  • Memori: Meningkatkan kualitas masukan saat memicu pengumpulan sampah secara manual dengan notifikasi snackbar baru (493708151).
  • Pemeriksaan Objek: Menghapus eksperimen show-option-to-expose-internals-in-heap-snapshot; kotak centang kini ditampilkan secara default (497855658).