Dipublikasikan: 20 Mei 2025
Di Google I/O 2025, kami memperkenalkan fitur baru untuk meningkatkan produktivitas Anda dan memberdayakan Anda untuk membangun web yang lebih canggih, lancar, dan modern.
Berikut 10 inovasi utama yang menghadirkan kemampuan mutakhir langsung ke tangan Anda dan pasti akan menginspirasi project Anda berikutnya.
1. Carousel kini lebih mudah dibuat dengan beberapa baris CSS dan HTML
Buat carousel yang indah dengan CSS yang interaktif pada paint pertama. Chrome 135 memperkenalkan primitif CSS baru—fragmentasi yang dapat distilisasi, elemen penanda scroll, dan tombol scroll—yang menyederhanakan pembuatan carousel tanpa JavaScript. Gunakan konsep CSS yang sudah dikenal untuk membuat carousel yang kaya, interaktif, lancar, dan lebih mudah diakses dalam waktu yang lebih singkat.
2. Popover Deklaratif: Memperkenalkan Interest Invoker API baru
Interest Invoker API eksperimental tersedia sebagai
uji coba origin.
Dengan fitur ini, Anda dapat mengalihkan popover secara deklaratif saat minat pengunjung aktif dalam durasi singkat. Selamat tinggal atribut
[title] yang tidak dapat distilisasi; selamat datang
[interesttarget]. Gabungkan dengan
Anchor Positioning API dan
Popover API
untuk membuat
elemen UI yang kaya, responsif, dan interaktif seperti tooltip atau kartu saat mengarahkan kursor,
tanpa JavaScript. Kemungkinannya tak terbatas dengan CSS modern.
3. Beberapa API AI bawaan yang menggunakan model dasar terkemuka tersedia, yang kini menampilkan kemampuan multimodal di Prompt API
Perjalanan AI bawaan kami terus berlanjut, menghadirkan privasi yang ditingkatkan, latensi yang lebih rendah, dan biaya yang lebih murah, serta akses ke output berkualitas tinggi yang dibuat AI. AI bawaan menggunakan model pakar dan Gemini Nano, model Google yang paling efisien, untuk tugas di perangkat. Mulai Chrome 138, Summarizer API, Language Detector API, Translator API, dan Prompt API untuk Ekstensi Chrome tersedia di Versi Stabil. Selain itu, Writer API dan Rewriter API tersedia dalam uji coba origin.
Proofreader API baru, beserta Prompt API dengan kemampuan multimodal, tersedia di Chrome Canary.
Untuk mendapatkan informasi terbaru, bergabunglah ke program pratinjau awal kami untuk berkolaborasi dalam API AI bawaan baru dan membentuk masa depan AI di web.
4. AI sisi klien diperluas dengan Firebase dan Gemini Developer API untuk memberikan solusi AI hybrid
Kolaborasi kami dengan Firebase dan Gemini Developer API memungkinkan Anda kini membangun pengalaman web berbasis AI di perangkat seluler dan desktop. Aplikasi ini menggunakan AI sisi klien jika memungkinkan dan menskalakan AI sisi server dengan lancar untuk menjangkau semua perangkat dan browser. Mulai hari ini, Firebase AI Logic memberikan akses lancar ke Prompt API bawaan Chrome yang didukung oleh Gemini Nano dan model serupa yang lebih kecil di sisi server menggunakan Gemini Developer API.
5. Bantuan AI di Chrome DevTools mendukung alur kerja proses debug Anda di seluruh gaya, performa, dan lainnya
Dengan bantuan AI, Anda dapat memulai percakapan dengan Gemini untuk membantu Anda men-debug error gaya visual di panel Elemen, menyelesaikan masalah performa di panel Performa, mengidentifikasi masalah jaringan di panel Jaringan, dan menemukan file sumber di panel Sumber. Selain itu, bantuan AI kini dapat menerapkan perubahan terkait gaya langsung ke kode sumber Anda di panel Elemen.
6. Data pengguna sebenarnya, Insight Lighthouse, dan fitur AI di panel Performa Chrome DevTools membantu Anda memahami dan memperbaiki masalah performa
Dengan panel Performa yang didesain ulang, Anda kini dapat mengakses data Core Web Vitals pengguna lokal dan nyata serta bertanya kepada Gemini untuk membantu Anda memahami dan memperbaiki masalah performa. Sidebar Insight menghadirkan insight Lighthouse ke rekaman aktivitas Anda, sehingga membantu Anda melakukan proses debug lebih cepat—semuanya tanpa harus keluar dari alur kerja atau mengganggu produktivitas Anda.
7. Ketersediaan fitur Baseline kini ada di alat yang sudah Anda kenal: VS Code, ESLint, dan lainnya
Dapatkan akurasi dan keyakinan yang lebih besar dalam alur kerja pengembangan web Anda dengan integrasi Baseline. Dalam alat pengembangan web yang sudah Anda kenal, Anda akan mendapatkan visibilitas yang jelas tentang ketersediaan fitur web di seluruh browser utama:
- IDE: VSCode kini menampilkan status Dasar fitur saat Anda membangun, dengan dukungan yang akan segera hadir untuk WebStorm oleh JetBrains dan IDE berbasis VS Code, termasuk Firebase Studio, Windsurf, GitHub Codespaces, dan lainnya.
- Linter: Linter CSS dan HTML dapat secara proaktif memperingatkan Anda saat Anda menggunakan fitur yang lebih baru daripada target Baseline Anda. Baseline didukung di ESLint untuk CSS, HTML ESLint, dan Stylelint.
- Analytics: RUMvision menggabungkan data Baseline dengan metrik pengguna sebenarnya, sehingga Anda dapat memilih versi Baseline yang optimal untuk audiens Anda secara strategis. Pengguna Google Analytics dapat mengupload data mereka ke Pemeriksa Dasar Google Analytics untuk mendapatkan rekomendasi Dasar.
- Compiler: gunakan browserslist-config-baseline untuk memasukkan target Dasar ke alat kompilasi kode Anda seperti Babel dan PostCSS sehingga Anda dapat menggunakan fitur modern dalam kode sumber, dan mengompilasinya dalam build produksi Anda.
8. Dapatkan tampilan lengkap dukungan fitur web dengan Dasbor Platform Web
Tahun lalu, kami mengumumkan Dasbor Platform Web, sebuah cara untuk menjelajahi data fitur web yang memetakan seluruh platform web sebagai sekumpulan fitur. Dengan set data fitur web yang kini 100% dipetakan, untuk pertama kalinya, Anda dapat melihat status Baseline setiap fitur di setiap browser—dari AVIF hingga Transisi Tampilan—termasuk ketersediaan dan adopsinya. Tetap dapatkan informasi dan bangun dengan percaya diri.
9. Uji coba developer untuk pengalaman login yang lebih lancar dengan Credential Manager
Kami menyadari hambatan yang dapat ditimbulkan oleh beberapa metode autentikasi, termasuk sandi, penggabungan identitas, dan kunci sandi bagi pengguna situs Anda. Tujuan kami adalah menghadirkan pengalaman login yang terpadu dan mudah bagi pengguna, sehingga kami menghadirkan pengalaman intuitif Pengelola Kredensial Android ke Chrome. Segera, saat pengguna mengklik login, Chrome akan menampilkan kredensial yang tersedia untuk situs ini, seperti kunci sandi dan sandi dari Pengelola Sandi Google, sehingga login menjadi lancar. Kami juga berencana menambahkan federasi identitas ke pengalaman ini. Credential Manager untuk web kini tersedia dalam uji coba developer; nantikan info selengkapnya akhir tahun ini.
10. Lakukan iterasi pada Ekstensi Chrome lebih cepat dengan kemampuan untuk membatalkan peninjauan pengiriman
Pengiriman Ekstensi Chrome Anda harus terasa lancar, tanpa khawatir, dan menyenangkan. Namun, kami tahu bahwa salah satu area gesekan adalah tidak dapat memperbaiki kesalahan dengan cepat dalam pengiriman yang tertunda. Awal tahun ini, kami memperkenalkan kemampuan untuk membatalkan pengiriman yang tertunda, yang didasarkan pada kemampuan untuk mengembalikan versi yang dipublikasikan sebelumnya—semuanya dengan tujuan agar Anda dapat membuat perubahan dan mengirim ulang dengan cepat.
Untuk mengetahui semua informasi terbaru, buka developer.chrome.com dan web.dev untuk mempelajari lebih lanjut cara kami membuat web yang canggih dan lebih mudah digunakan. Jangan lupa untuk terhubung dengan kami di X, YouTube, dan LinkedIn. Sampai jumpa di I/O berikutnya.
Deloitte merujuk pada satu atau lebih dari Deloitte Touche Tohmatsu Limited, sebuah perusahaan swasta Inggris yang terbatas dengan jaminan ("DTTL"), jaringan perusahaan anggotanya, dan entitas terkaitnya. DTTL dan setiap perusahaan anggotanya adalah entitas yang terpisah dan independen secara hukum. DTTL (juga disebut sebagai "Deloitte Global") tidak memberikan layanan kepada klien. Di Amerika Serikat, Deloitte merujuk pada satu atau beberapa perusahaan anggota DTTL di Amerika Serikat, entitas terkaitnya yang beroperasi menggunakan nama "Deloitte" di Amerika Serikat, dan afiliasinya masing-masing. Layanan tertentu mungkin tidak tersedia untuk klien yang melakukan pengesahan berdasarkan aturan dan peraturan akuntansi publik. Lihat www.deloitte.com/about untuk mempelajari lebih lanjut jaringan global perusahaan anggota kami.