Novidades do Chrome 138

Rachel Andrew

Publicado em: 24 de junho de 2025

O Chrome 138 está sendo lançado agora, e esta postagem compartilha alguns dos principais recursos da versão. Leia as notas da versão 138 do Chrome completas.

Destaques desta versão:

APIs Translator, Language Detector e Summarizer

O Chrome está desenvolvendo APIs da plataforma da Web e recursos do navegador projetados para funcionar com modelos de IA, modelos especializados e modelos de linguagem grandes (LLMs) integrados ao navegador. Isso inclui o Gemini Nano, a versão mais eficiente da família de LLMs do Gemini, projetada para ser executada localmente na maioria dos computadores e laptops modernos. Com a IA integrada, seu site ou aplicativo da Web pode realizar tarefas com tecnologia de IA sem precisar implantar, gerenciar ou hospedar modelos de IA por conta própria.

A partir do Chrome 138, é possível adicionar recursos de tradução ao seu aplicativo da Web com a API Translator. Isso permite que os usuários contribuam no próprio idioma. Por exemplo, ao participar de chats de suporte, seu site pode traduzir o conteúdo para o idioma usado pelos seus agentes de suporte antes que ele saia do dispositivo do usuário. Isso cria uma experiência tranquila, rápida e inclusiva para todos os usuários.

A API Translator pode funcionar com a API Language Detector para ativar a detecção de idioma no dispositivo do usuário, oferecendo mais privacidade do que soluções alternativas que exigem o upload para um servidor na nuvem.

A API Summarizer pode ser usada para gerar diferentes tipos de resumos em vários tamanhos e formatos, como frases, parágrafos, listas com marcadores e muito mais. Exemplo:

  • Resumir os principais pontos de um artigo ou de uma conversa por chat.
  • Sugerir títulos e cabeçalhos para artigos.
  • Criar um resumo conciso e informativo de um texto longo.
  • Gerar um teaser de um livro com base em uma resenha.

Funções CSS

As funções CSS incluídas no Chrome 138 incluem as funções relacionadas a sinal abs() e sign(), que calculam várias funções relacionadas ao sinal do argumento.

Além disso, a notação funcional progress() que retorna um valor <number> representando a posição de um cálculo (o valor de progresso) entre dois outros cálculos (o valor de início e de fim do progresso).

Por fim, as funções sibling-index() e sibling-count() podem ser usadas como números inteiros em valores de propriedades CSS para estilizar elementos com base na posição deles entre os elementos irmãos ou no número total de elementos irmãos, respectivamente.

API Viewport Segments

A API Viewport Segments permite segmentar dispositivos dobráveis. Os segmentos de viewport são criados quando a viewport é dividida por um ou mais recursos de hardware (como uma dobra ou uma dobradiça entre telas separadas) que atuam como um divisor.

Saiba mais em Compatibilidade com dispositivos dobráveis usando a API Viewport Segments.

E muito mais.

Claro que há muito mais:

  • Quando < e > estão em um valor de atributo, eles são escapados na serialização.
  • Dois novos valores, "prefetchCache" e "prerenderCache", para o cabeçalho Clear-Site-Data permitem segmentar a limpeza do cache de pré-renderização e pré-busca.
  • A palavra-chave stretch para propriedades de dimensionamento do CSS (por exemplo, width e height) permite que os elementos cresçam para preencher exatamente o espaço disponível do bloco de contêiner.