Data di pubblicazione: 20 maggio 2025
Al Google I/O 2025, abbiamo presentato nuove funzionalità per potenziare la tua produttività e consentirti di creare un web più potente, fluido e moderno.
Ecco 10 innovazioni chiave che mettono funzionalità all'avanguardia direttamente nelle tue mani e che sicuramente ispireranno il tuo prossimo progetto.
1. I caroselli sono più facili che mai da creare con poche righe di CSS e HTML
Crea splendidi caroselli con CSS che siano interattivi al primo rendering. Chrome 135 ha introdotto nuove primitive CSS (frammentazione con stile, elementi di indicatori di scorrimento e pulsanti di scorrimento) che semplificano la creazione di caroselli senza JavaScript. Utilizza concetti CSS familiari per creare caroselli ricchi, interattivi, fluidi e più accessibili in una frazione del tempo.
2. Popover dichiarativi: presentazione della nuova API Interest Invoker
L'API sperimentale Interest Invoker è disponibile come una
prova dell'origine.
Con questa funzionalità, puoi attivare e disattivare in modo dichiarativo i popover quando l'interesse dei visitatori è attivo per una breve durata. Addio all'attributo [title] senza stile, benvenuto [interesttarget]! Combinalo con l'
API Anchor Positioning e l'
API Popover
per creare
elementi dell'interfaccia utente ricchi, reattivi e interattivi come suggerimenti o schede al passaggio del mouse,
senza JavaScript. Le possibilità sono infinite con il CSS moderno.
3. Sono disponibili diverse API AI integrate che utilizzano modelli di base leader, ora con funzionalità multimodali nell'API Prompt
Il nostro percorso di AI integrata continua, offrendoti maggiore privacy, latenza ridotta e costi inferiori, oltre all'accesso a output di alta qualità creati con l'AI. L'AI integrata utilizza modelli esperti e Gemini Nano, il modello più efficiente di Google, per le attività sul dispositivo. A partire da Chrome 138, l'API Summarizer, l'API Language Detector, l'API Translator e l' API Prompt per le estensioni di Chrome sono disponibili in versione stabile. Inoltre, l'API Writer e l'API Rewriter sono disponibili nelle prove dell'origine.
La nuova API Proofreader, insieme all'API Prompt con funzionalità multimodali, è disponibile in Chrome Canary.
Per le informazioni più recenti, partecipa al nostro programma di anteprima per collaborare alle nuove API AI integrate e dare forma al futuro dell'AI sul web.
4. L'AI lato client si estende con Firebase e l'API Gemini Developer per fornire una soluzione di AI ibrida
Grazie alla nostra collaborazione con Firebase e l'API Gemini Developer, ora puoi creare esperienze web basate sull'AI su dispositivi mobili e computer. Queste applicazioni utilizzano l'AI lato client quando possibile e scalano senza problemi all'AI lato server per raggiungere tutti i dispositivi e i browser. A partire da oggi, Firebase AI Logic fornisce un accesso senza interruzioni all'API Prompt integrata di Chrome basata su Gemini Nano e modelli più piccoli simili sul lato server utilizzando l'API Gemini Developer.
5. L'assistenza AI in Chrome DevTools supporta il flusso di lavoro di debug per stili, prestazioni e altro ancora
Con l'assistenza AI, puoi chattare con Gemini per risolvere gli errori di stile nel riquadro Elementi , risolvere i problemi di prestazioni nel riquadro Rendimento, identificare i problemi di rete nel riquadro Rete e individuare i file di origine nel riquadro Sorgenti. Inoltre, l'assistenza AI ora può applicare le modifiche relative allo stile direttamente al codice sorgente nel riquadro Elementi.
6. I dati degli utenti reali, gli approfondimenti di Lighthouse e le funzionalità di AI nel riquadro Rendimento di Chrome DevTools ti aiutano a comprendere e risolvere i problemi di rendimento
Con il riquadro Rendimento riprogettato, ora puoi accedere ai dati di Core Web Vitals degli utenti reali e locali e chiedere a Gemini di aiutarti a comprendere e risolvere i problemi di rendimento. La barra laterale Approfondimenti porta gli approfondimenti di Lighthouse nelle tue tracce aiutandoti a eseguire il debug più rapidamente, il tutto senza dover uscire dal flusso di lavoro o interrompere la produttività.
7. La disponibilità delle funzionalità di base è ora disponibile nei tuoi strumenti familiari: VS Code, ESLint e altro ancora
Ottieni maggiore precisione e sicurezza nel flusso di lavoro di sviluppo web con l'integrazione di Baseline. All'interno dei tuoi strumenti di sviluppo web familiari, avrai una visibilità chiara della disponibilità delle funzionalità web nei principali browser:
- IDE: VSCode ora mostra lo stato di base delle funzionalità durante la creazione, con il supporto in arrivo per WebStorm di JetBrains e gli IDE basati su VS Code, tra cui Firebase Studio, Windsurf, GitHub Codespaces e altro ancora.
- Linter: i linter CSS e HTML possono avvisarti in modo proattivo quando utilizzi una funzionalità più recente della tua destinazione di base. Baseline è supportato in ESLint per CSS, HTML ESLint e Stylelint.
- Analytics: RUMvision combina i dati di base con le metriche degli utenti reali, consentendoti di selezionare strategicamente la versione di base ottimale per il tuo pubblico. Gli utenti di Google Analytics possono caricare i propri dati in Google Analytics Baseline Checker per ricevere consigli di base.
- Compilatori: utilizza browserslist-config-baseline per collegare le tue destinazioni di base agli strumenti di compilazione del codice come Babel e PostCSS in modo da poter utilizzare le funzionalità moderne nel codice sorgente e compilarle nelle build di produzione.
8. Ottieni una visione completa del supporto delle funzionalità web con la dashboard della piattaforma web
L'anno scorso abbiamo annunciato la dashboard della piattaforma web, un modo per esplorare i dati delle funzionalità web che mappano l'intera piattaforma web come un insieme di funzionalità. Ora che il set di dati delle funzionalità web è mappato al 100%, per la prima volta puoi vedere lo stato di base di ogni funzionalità su ogni browser, da AVIF a View Transitions, inclusa la loro disponibilità e adozione. Rimani informato e crea con sicurezza.
9. Prova per sviluppatori per un'esperienza di accesso semplificata con Credential Manager
Riconosciamo l'attrito che più metodi di autenticazione, tra cui password, federazione di identità e passkey, possono causare agli utenti dei tuoi siti. Il nostro obiettivo è offrire agli utenti un'esperienza di accesso unificata e senza problemi, pertanto stiamo portando l'esperienza intuitiva di Credential Manager di Android in Chrome. A breve, quando gli utenti fanno clic su Accedi , Chrome mostrerà le credenziali disponibili per questo sito, come le passkey e le password di Google Password Manager, semplificando l'accesso. Abbiamo in programma di aggiungere anche la federazione di identità a questa esperienza. Credential Manager per il web è ora in versione di prova per gli sviluppatori. Non perderti gli aggiornamenti in arrivo entro la fine dell'anno.
10. Esegui l'iterazione più rapidamente sulle estensioni di Chrome grazie alla possibilità di annullare la revisione dell'invio
L'invio dell'estensione di Chrome dovrebbe essere semplice, senza preoccupazioni ed entusiasmante. Tuttavia, sappiamo che un'area di attrito era l'impossibilità di correggere rapidamente un errore in un invio in attesa. All'inizio di quest'anno abbiamo introdotto la possibilità di annullare un invio in attesa, che si basa sulla possibilità di eseguire il rollback a una versione pubblicata in precedenza—con l'obiettivo di consentirti di apportare modifiche e inviare di nuovo rapidamente.
Per tutte le informazioni più recenti, visita developer.chrome.com e web.dev per scoprire di più su come stiamo semplificando la creazione di un web potente, reso più semplice. Non dimenticare di seguirci su X, YouTube e LinkedIn. Ci vediamo al prossimo I/O.
Deloitte si riferisce a una o più delle seguenti entità: Deloitte Touche Tohmatsu Limited, una società privata britannica a responsabilità limitata ("DTTL"), la sua rete di società associate e le relative entità. DTTL e ciascuna delle sue società associate sono entità giuridicamente separate e indipendenti. DTTL (denominata anche "Deloitte Global") non fornisce servizi ai clienti. Negli Stati Uniti, Deloitte si riferisce a una o più delle società associate statunitensi di DTTL, alle relative entità che operano con il nome "Deloitte" negli Stati Uniti e alle rispettive affiliate. Alcuni servizi potrebbero non essere disponibili per i clienti di attestazione ai sensi delle norme e dei regolamenti della contabilità pubblica. Visita www.deloitte.com/about per scoprire di più sulla nostra rete globale di società associate.