Gepubliceerd: 20 mei 2025
Tijdens Google I/O 2025 hebben we nieuwe functies onthuld om je productiviteit te verhogen en je in staat te stellen een krachtiger, naadlozer en moderner web te bouwen.
Hier zijn 10 belangrijke innovaties die u direct toegang geven tot geavanceerde mogelijkheden en die uw volgende project zeker zullen inspireren.
1. Carrousels zijn eenvoudiger dan ooit te bouwen met slechts een paar regels CSS en HTML.
Maak prachtige carrousels met CSS die vanaf het eerste moment interactief zijn. Chrome 135 introduceerde nieuwe CSS-primitieven – stijlbare fragmentatie, scrollmarkeringselementen en scrollknoppen – waarmee het maken van carrousels zonder JavaScript werd vereenvoudigd. Gebruik vertrouwde CSS-concepten om in een fractie van de tijd rijke, interactieve, vloeiende en toegankelijkere carrousels te creëren.
2. Declaratieve pop-ups: Introductie van de nieuwe Interest Invoker API
De experimentele Interest Invoker API is beschikbaar als een Origin-proefversie . Met deze functie kunt u pop-ups declaratief in- en uitschakelen wanneer de interesse van een bezoeker gedurende een korte periode actief is. Vaarwel onstijlbare [title] -attributen; hallo [interesttarget] ! Combineer het met de Anchor Positioning API en de Popover API om rijke, responsieve en interactieve UI-elementen te creëren, zoals tooltips of hover-kaarten, zonder JavaScript. De mogelijkheden zijn eindeloos met moderne CSS!
3. Er zijn diverse ingebouwde AI-API's beschikbaar die gebruikmaken van toonaangevende basismodellen, en de Prompt API biedt nu ook multimodale mogelijkheden.
Onze reis met ingebouwde AI gaat verder en biedt u verbeterde privacy, lagere latentie en lagere kosten, samen met toegang tot hoogwaardige, door AI gegenereerde output. Ingebouwde AI maakt gebruik van expertmodellen en Gemini Nano, Google's meest efficiënte model, voor taken op het apparaat zelf. Vanaf Chrome 138 zijn de Summarizer API , Language Detector API , Translator API en de Prompt API voor Chrome-extensies beschikbaar in de stabiele versie. Daarnaast zijn de Writer API en Rewriter API beschikbaar in origin trials.
De nieuwe Proofreader API, samen met de Prompt API met multimodale mogelijkheden, is beschikbaar in Chrome Canary.
Voor de meest recente informatie kunt u deelnemen aan ons early preview-programma om samen te werken aan nieuwe ingebouwde AI-API's en de toekomst van AI op het web vorm te geven.
4. Client-side AI wordt uitgebreid met Firebase en de Gemini Developer API om een hybride AI-oplossing te bieden.
Dankzij onze samenwerking met Firebase en de Gemini Developer API kunt u nu AI-gestuurde webervaringen bouwen voor zowel mobiele apparaten als desktops . Deze applicaties maken waar mogelijk gebruik van client-side AI en schalen naadloos naar server-side AI om alle apparaten en browsers te bereiken. Vanaf vandaag biedt Firebase AI Logic naadloze toegang tot de ingebouwde Prompt API van Chrome, ondersteund door Gemini Nano en vergelijkbare kleinere modellen aan de serverzijde via de Gemini Developer API.
5. AI-ondersteuning in Chrome DevTools ondersteunt je debugworkflow op het gebied van styling, prestaties en meer.
Met AI-ondersteuning kunt u chatten met Gemini om stijlfouten in het paneel Elementen op te sporen, prestatieproblemen in het paneel Prestaties op te lossen, netwerkproblemen in het paneel Netwerk te identificeren en bronbestanden in het paneel Bronnen te lokaliseren. Bovendien kan AI-ondersteuning de stijlgerelateerde wijzigingen nu rechtstreeks toepassen op uw broncode in het paneel Elementen.
6. Echte gebruikersgegevens, Lighthouse Insights en AI-functies in het prestatiepaneel van Chrome DevTools helpen u prestatieproblemen te begrijpen en op te lossen.
Met het vernieuwde Prestatiepaneel hebt u nu toegang tot lokale en real-user Core Web Vitals-gegevens en kunt u Gemini vragen u te helpen prestatieproblemen te begrijpen en op te lossen. De Insights-zijbalk integreert Lighthouse-inzichten in uw traceringen, waardoor u sneller kunt debuggen – allemaal zonder uw workflow te hoeven verlaten of uw productiviteit te verstoren.
7. De basisfunctionaliteiten zijn nu beschikbaar in je vertrouwde tools: VS Code, ESLint en meer.
Bereik meer nauwkeurigheid en vertrouwen in uw webontwikkelingsworkflow met Baseline-integratie. Binnen uw vertrouwde webontwikkelingstools krijgt u een duidelijk overzicht van de beschikbaarheid van webfuncties in de belangrijkste browsers:
- IDE's: VSCode toont nu de basisstatus van functies direct tijdens het bouwen, en ondersteuning hiervoor komt binnenkort naar WebStorm van JetBrains en op VS Code gebaseerde IDE's zoals Firebase Studio, Windsurf, GitHub Codespaces en meer.
- Linters: CSS- en HTML-linters kunnen je proactief waarschuwen wanneer je een functie gebruikt die nieuwer is dan je Baseline-doel. Baseline wordt ondersteund in ESLint voor CSS , HTML ESLint en Stylelint .
- Analytics: RUMvision combineert Baseline-gegevens met statistieken van echte gebruikers, zodat u strategisch de optimale Baseline-versie voor uw doelgroep kunt selecteren. Gebruikers van Google Analytics kunnen hun gegevens uploaden naar de Google Analytics Baseline Checker om Baseline-aanbevelingen te ontvangen.
- Compilers: gebruik browserslist-config-baseline om je Baseline-targets te integreren in je codecompilatietools zoals Babel en PostCSS, zodat je moderne functies in je broncode kunt gebruiken en deze kunt compileren in je productiebuilds.
8. Krijg een volledig overzicht van de ondersteuning voor webfuncties met het Webplatformdashboard.
Vorig jaar introduceerden we het Web Platform Dashboard , een manier om de data over webfuncties te verkennen die het volledige webplatform als een set functies in kaart brengt. Nu de dataset met webfuncties voor 100% in kaart is gebracht, kunt u voor het eerst de basisstatus van elke functie in elke browser bekijken – van AVIF tot weergaveovergangen – inclusief de beschikbaarheid en het gebruik ervan. Blijf op de hoogte en bouw met vertrouwen!
9. Ontwikkelaarsproef voor een gestroomlijnde aanmeldervaring met Credential Manager
We erkennen de wrijving die meerdere authenticatiemethoden, waaronder wachtwoorden, identiteitsfederatie en toegangscodes, kunnen veroorzaken voor gebruikers van uw websites. Ons doel is om gebruikers een uniforme en moeiteloze aanmeldervaring te bieden, en daarom brengen we de intuïtieve ervaring van Androids Credential Manager naar Chrome. Binnenkort zal Chrome, wanneer gebruikers op 'Aanmelden' klikken, de beschikbare inloggegevens voor deze website weergeven, zoals toegangscodes en wachtwoorden van Google Password Manager, waardoor aanmelden naadloos verloopt. We zijn van plan om identiteitsfederatie ook aan deze ervaring toe te voegen. De Credential Manager voor het web bevindt zich momenteel in een ontwikkelaarstestfase ; houd ons in de gaten voor meer updates later dit jaar.
10. Ontwikkel Chrome-extensies sneller door de mogelijkheid om de beoordeling van inzendingen te annuleren.
Het indienen van je Chrome-extensie zou naadloos, zorgeloos en spannend moeten zijn! We weten echter dat het vaak een probleem was om fouten in een lopende inzending snel te kunnen corrigeren. Eerder dit jaar hebben we daarom de mogelijkheid geïntroduceerd om een lopende inzending te annuleren . Dit bouwt voort op de mogelijkheid om een eerder gepubliceerde versie terug te draaien , met als doel je in staat te stellen snel wijzigingen aan te brengen en opnieuw in te dienen.
Ga voor de meest recente informatie naar developer.chrome.com en web.dev om meer te weten te komen over hoe we een krachtig en gebruiksvriendelijk web creëren. En vergeet niet om met ons in contact te komen via X , YouTube en LinkedIn . Tot ziens bij de volgende I/O!
Deloitte verwijst naar een of meer van Deloitte Touche Tohmatsu Limited, een Britse besloten vennootschap met beperkte aansprakelijkheid ("DTTL"), het netwerk van aangesloten bedrijven en hun gelieerde entiteiten. DTTL en elk van haar aangesloten bedrijven zijn juridisch gescheiden en onafhankelijke entiteiten. DTTL (ook wel "Deloitte Global" genoemd) levert geen diensten aan cliënten. In de Verenigde Staten verwijst Deloitte naar een of meer van de Amerikaanse aangesloten bedrijven van DTTL, hun gelieerde entiteiten die in de Verenigde Staten onder de naam "Deloitte" opereren en hun respectievelijke dochterondernemingen. Bepaalde diensten zijn mogelijk niet beschikbaar voor controlecliënten onder de regels en voorschriften van de openbare accountantssector. Zie www.deloitte.com/about voor meer informatie over ons wereldwijde netwerk van aangesloten bedrijven.