Publicado em: 20 de maio de 2025
No Google I/O 2025, apresentamos novos recursos para aumentar sua produtividade e permitir que você crie uma Web mais eficiente, integrada e moderna.
Confira 10 inovações importantes que colocam recursos de ponta diretamente nas suas mãos e vão inspirar seu próximo projeto.
1. Nunca foi tão fácil criar carrosséis com algumas linhas de CSS e HTML
Crie carrosséis incríveis com CSS que sejam interativos na primeira renderização. O Chrome 135 introduziu novas primitivas CSS (fragmentação estilizada, elementos de marcador de rolagem e botões de rolagem), simplificando a criação de carrosséis sem JavaScript. Use conceitos conhecidos de CSS para criar carrosséis avançados, interativos, suaves e mais acessíveis em uma fração do tempo.
2. Popovers declarativos: apresentação da nova API Interest Invoker
A API experimental Interest Invoker está disponível como um teste de origem.
Com esse recurso, é possível ativar ou desativar popovers de forma declarativa quando o interesse do visitante
está ativo por um curto período. Adeus, atributo [title] sem estilo. Olá, [interesttarget]! Combine com a
API Anchor Positioning e a
API Popover
para criar
elementos de interface responsivos, interativos e avançados, como dicas ou cards de passar o cursor,
sem JavaScript. As possibilidades são infinitas com o CSS moderno.
3. Várias APIs de IA integradas que usam modelos de fundação líderes estão disponíveis, agora com recursos multimodais na API Prompt.
Nossa jornada de IA integrada continua, oferecendo privacidade aprimorada, latência reduzida e custo menor, além de acesso a resultados de alta qualidade criados com IA. A IA integrada usa modelos especializados e o Gemini Nano, o modelo mais eficiente do Google, para tarefas no dispositivo. A partir do Chrome 138, a API Summarizer, API Language Detector, API Translator e a API Prompt para extensões do Chrome estão disponíveis na versão estável. Além disso, a API Writer e a API Rewriter estão disponíveis em testes de origem.
A nova API Proofreader e a API Prompt com recursos multimodais estão disponíveis no Chrome Canary.
Para saber as informações mais recentes, participe do nosso programa de prévia antecipada para colaborar com novas APIs de IA integradas e moldar o futuro da IA na Web.
4. A IA do lado do cliente se estende com o Firebase e a API Gemini Developer para oferecer uma solução híbrida de IA
Nossa colaboração com o Firebase e a API Gemini Developer permite que você crie experiências da Web com tecnologia de IA em dispositivos móveis e computadores. Esses aplicativos usam IA do lado do cliente sempre que possível e escalonam perfeitamente para IA do lado do servidor para alcançar todos os dispositivos e navegadores. A partir de hoje, o Firebase AI Logic oferece acesso fácil à API Prompt integrada do Chrome, com tecnologia do Gemini Nano e modelos menores semelhantes no lado do servidor usando a API Gemini Developer.
5. A assistência de IA no Chrome DevTools ajuda no fluxo de trabalho de depuração em estilo, performance e muito mais
Com a assistência de IA, você pode conversar com o Gemini para depurar erros de estilo no painel Elementos, resolver problemas de desempenho no painel Performance, identificar problemas de rede no painel Rede e localizar arquivos de origem no painel Fontes. Além disso, a assistência de IA agora pode aplicar as mudanças relacionadas a estilos diretamente ao seu código-fonte no painel "Elementos".
6. Dados de usuários reais, insights do Lighthouse e recursos de IA no painel "Performance" do Chrome DevTools ajudam você a entender e corrigir problemas de desempenho.
Com o painel "Performance" reformulado, agora é possível acessar dados locais e de usuários reais das Principais métricas da Web Vital e pedir ajuda ao Gemini para entender e corrigir problemas de desempenho. A barra lateral Insights traz insights do Lighthouse para seus rastreamentos ajudando você a depurar mais rápido, sem precisar sair do fluxo de trabalho ou prejudicar sua produtividade.
7. A disponibilidade de recursos do Baseline agora está nas suas ferramentas conhecidas: VS Code, ESLint e muito mais
Tenha mais precisão e confiança no seu fluxo de trabalho de desenvolvimento da Web com a integração do Baseline. Com suas ferramentas de desenvolvimento da Web, você terá visibilidade clara da disponibilidade de recursos da Web nos principais navegadores:
- IDEs: o VSCode agora mostra o status de base dos recursos enquanto você cria, e em breve vai oferecer suporte ao WebStorm da JetBrains e a IDEs baseados no VS Code, incluindo Firebase Studio, Windsurf, GitHub Codespaces e muito mais.
- Linters: os linters de CSS e HTML podem avisar proativamente quando você estiver usando um recurso mais novo do que a meta de linha de base. O Baseline é compatível com ESLint para CSS, HTML ESLint e Stylelint.
- Analytics: o RUMvision combina dados de comparativo com métricas de usuários reais, permitindo que você selecione estrategicamente a versão ideal do comparativo para seu público-alvo. Os usuários do Google Analytics podem fazer upload dos dados para o Verificador de valores de referência do Google Analytics e receber recomendações de valores de referência.
- Compiladores: use browserslist-config-baseline para conectar seus destinos do Baseline às ferramentas de compilação de código, como Babel e PostCSS, para usar recursos modernos no código-fonte e compilá-los nos builds de produção.
8. Tenha uma visão completa do suporte a recursos da Web com o painel da plataforma Web
No ano passado, anunciamos o painel da plataforma da Web, uma maneira de explorar os dados de recursos da Web que mapeiam toda a plataforma da Web como um conjunto de recursos. Com o conjunto de dados de recursos da Web agora 100% mapeado, pela primeira vez, é possível conferir o status do Baseline de cada recurso em cada navegador, do AVIF às transições de visualização, incluindo a disponibilidade e a adoção deles. Fique por dentro e crie com confiança!
9. Teste para desenvolvedores de uma experiência de login simplificada com o Credential Manager
Reconhecemos o atrito que vários métodos de autenticação, incluindo senhas, federação de identidade e chaves de acesso, podem causar para os usuários dos seus sites. Nosso objetivo é oferecer uma experiência de login unificada e fácil para os usuários. Por isso, estamos trazendo a experiência intuitiva do Gerenciador de credenciais do Android para o Chrome. Em breve, quando os usuários clicarem em fazer login, o Chrome vai mostrar credenciais disponíveis para esse site, como chaves de acesso e senhas do Gerenciador de senhas do Google, facilitando o login. Também planejamos adicionar a federação de identidades a essa experiência. O Credential Manager para a Web está agora em teste para desenvolvedores. Fique por dentro de mais atualizações ainda este ano.
10. Itere nas extensões do Chrome mais rápido com a capacidade de cancelar a revisão do envio
Enviar sua extensão do Chrome deve ser uma experiência tranquila, sem preocupações e empolgante. No entanto, sabemos que uma área de atrito era a incapacidade de corrigir rapidamente um erro em um envio pendente. No início deste ano, lançamos a opção de cancelar um envio pendente, que se baseia na possibilidade de reverter uma versão publicada anteriormente. Tudo isso com o objetivo de permitir que você faça mudanças e reenvie rapidamente.
Para conferir as informações mais recentes, acesse developer.chrome.com e web.dev para saber mais sobre como estamos criando uma Web poderosa, mais fácil de usar. Não deixe de se conectar com a gente no X, YouTube e LinkedIn. Até o próximo I/O!
Deloitte se refere a uma ou mais das seguintes empresas: Deloitte Touche Tohmatsu Limited, uma empresa privada do Reino Unido limitada por garantia ("DTTL"), a rede de empresas membros e as entidades relacionadas. A DTTL e cada uma das empresas membros são entidades legalmente separadas e independentes. A DTTL (também conhecida como "Deloitte Global") não presta serviços a clientes. Nos Estados Unidos, "Deloitte" se refere a uma ou mais empresas membros dos EUA da DTTL, às entidades relacionadas que operam usando o nome "Deloitte" nos Estados Unidos e às respectivas afiliadas. Alguns serviços podem não estar disponíveis para clientes de atestado de acordo com as regras e regulamentações da contabilidade pública. Acesse www.deloitte.com/about para saber mais sobre nossa rede global de empresas membros.