ICYMI: Modern Web Guidance kini stabil

Matthias Rohmer

Alexandra Klepper

Dipublikasikan: 13 November 2026

Jika Anda adalah pembaca rutin situs ini, mengikuti Chrome untuk Developer di X, LinkedIn, atau Bluesky, atau membuka panel Yang baru di DevTools minggu ini, Anda hampir pasti sudah mendengar berita tersebut. Namun, bagi semua orang yang fokus pada pengiriman: Modern Web Guidance kini tersedia sebagai versi stabil 1.0.

Sejak membagikan pratinjau awal di Google I/O, kami telah melakukan banyak peningkatan dan mengembangkan Modern Web Guidance menjadi kolaborasi lintas browser dengan Firefox dan Edge. Kami menghabiskan minggu ini untuk membahasnya dalam artikel, studi kasus, video, dan dokumen.

Singkatnya

Model termutakhir sering kali menggunakan pola lama untuk pengembangan web secara default. Misalnya, mereka lebih memilih library animasi JavaScript daripada animasi berbasis scroll CSS, atau membuat monster div bertingkat yang kompleks, bukan menggunakan appearance: base-select untuk dropdown yang dapat disesuaikan.

Modern Web Guidance memperbaiki masalah tersebut dengan memasukkan panduan singkat yang sesuai dengan cakupan tugas berdasarkan perintah Anda. Berikut adalah hal yang dihadirkan rilis 1.0:

• Lebih banyak panduan yang diperiksa pakar: Mencakup performa, gaya, aksesibilitas, keamanan, privasi, formulir, dan lainnya. Setiap keterampilan telah ditinjau oleh pakar domain teknis dan diuji. Keterampilan dapat dijelajahi dalam katalog panduan.
• Lintas browser secara default: Kolaborasi oleh tim yang membangun Mozilla Firefox, Microsoft Edge, dan Google Chrome. Setiap panduan dilengkapi dengan data kompatibilitas dan penggantian Baseline.
• Suite evaluasi publik: Ribuan operasi evaluasi, yang dapat diperiksa di dasbor evaluasi publik, yang menyoroti peningkatan tingkat kelulusan.

Baca postingan pengumuman Modern Web Guidance 1.0 untuk mengetahui contoh konkret kesenjangan pengetahuan AI yang diatasi, alur kerja menyeluruh dengan Chrome DevTools untuk agen, dan petunjuk untuk mengupdate dari pratinjau I/O.

Jangan hanya percaya kata-kata kami

Sebagai salah satu kreator Modern Web Guidance, tentu saja kami sedikit bias. Lihat pendapat partner kami tentang hal ini, setelah mereka menguji rangkaian lengkap alat coding AI Chrome dalam alur kerja sehari-hari:

• Policybazaar dan Pensionbazaar: Memangkas waktu penyelesaian halaman baru dan bug UI sebesar lebih dari 90% dengan menutup loop build dan verifikasi, sementara Policybazaar mengurangi upaya audit Core Web Vitals manual di sekitar 30 halaman landing sebesar 92%.
• MetaMask: Mengintegrasikan Modern Web Guidance ke dalam bot peninjau PR penasihat tiga baris di sekitar 480 permintaan pull, sehingga menghasilkan 43 perbaikan HTML semantik dan aksesibilitas dengan waktu penyelesaian median 15 menit.
• WeTV: Menambahkan Chrome DevTools untuk agen dan Modern Web Guidance ke CI/CD untuk mendiagnosis dan memperbaiki 90% regresi CLS berulang secara otomatis, sehingga mengurangi waktu proses debug sebesar 87%.
• note inc.: Menggabungkan Modern Web Guidance dengan aturan untuk sistem desain internalnya, sehingga meningkatkan rasio kelulusan pemeriksaan web modern dari 61% menjadi 94% dan meningkatkan prioritas gambar LCP yang tepat sebesar 28%.

Mulai

Meskipun Anda mungkin beruntung jika meminta agen untuk menginstal Modern Web Guidance, Anda dapat yakin menggunakan perintah npx berikut untuk menyiapkan project dan agen dalam alur langkah demi langkah.

npx modern-web-guidance@latest install

Anda juga dapat menjelajahi opsi penginstalan alternatif di GitHub.

Setelah disiapkan, Anda dapat mempelajari lebih dalam kasus penggunaan baru dan cara kerja Modern Web Guidance 1.0 di balik layar:

• Memodernisasi codebase yang ada: Cara npx modern-web-guidance@latest legacy-scan menggabungkan pemeriksaan sintaksis lokal yang cepat dengan peninjauan agen kontekstual untuk melunasi utang teknis tanpa churn yang mengganggu.
• Beyond code generation: Continuous developer learning: Pelajari cara menggunakan Modern Web Guidance sebagai alat pembelajaran dan penemuan interaktif untuk terus mengikuti fitur HTML, CSS, dan Web API modern saat melakukan coding dengan agen AI.
• Lintas browser secara default: Cara kerja penggantian Baseline: Cara panduan menggunakan data fitur web live untuk mencocokkan progressive enhancement, kueri @supports, dan polyfill dengan target browser Anda.
• 10 hal teratas yang salah dilakukan AI dalam pengembangan web: Pelajari 10 kesenjangan umum terkait aksesibilitas, UX, performa, dan keamanan, yang bahkan model termutakhir terbaru gagal dalam sekitar separuh pemeriksaan web modern kami.
• Penelusuran vektor lokal untuk agen coding: Dari 507 MB hingga loop 7 baris: Lihat di balik layar cara Modern Web Guidance mengambil panduan yang relevan dari 200+ basis pengetahuan panduannya dalam milidetik tanpa mengisi jendela konteks agen Anda.

Langkah selanjutnya untuk pengembangan web agentic dengan Chrome

Dengan menggunakan Modern Web Guidance bersama agen coding, Anda telah memulai langkah yang tepat. Namun, Anda dapat (dan harus) melangkah lebih jauh lagi. Agen Anda memerlukan cara untuk menjalankan, memeriksa, dan memverifikasi kode tersebut di browser sungguhan.

Selama lebih dari setahun, Chrome DevTools untuk agen telah memberi agen coding visibilitas runtime langsung dengan berbagai alat—mulai dari pemeriksaan aksesibilitas dan performa hingga proses debug memori dan perekaman animasi, sehingga agen Anda dapat menyesuaikannya.

Dalam beberapa minggu ke depan, kami akan merayakan pencapaian berikutnya dari Chrome DevTools untuk agen. Akan lebih mudah untuk meneruskan konteks yang tepat dari Chrome ke agen Anda.

Coba Modern Web Guidance 1.0, dan beri tahu kami pendapat Anda. Modern Web Guidance dan Chrome DevTools untuk agen dibangun secara terbuka, di GitHub. Jika Anda menemukan tugas platform web yang masih salah dilakukan oleh agen Anda atau memiliki ide untuk hal yang harus kami tangani selanjutnya, buka masalah dan beri tahu kami.