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 do Chrome 138.

Destaques desta versão:

As 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 de especialistas e modelos de linguagem grandes (LLMs) integrados ao navegador. Isso inclui o Gemini Nano, a versão mais eficiente da família de LLMs Gemini, projetada para ser executada localmente na maioria dos computadores desktop 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 autohospedar modelos de IA.

No Chrome 138 e versões mais recentes, é possível adicionar recursos de tradução ao seu aplicativo da Web com a API Translator. Isso permite que os usuários contribuam no idioma de origem. Por exemplo, ao participar de chats de suporte, seu site pode traduzir o conteúdo para o idioma usado pelos agentes de suporte antes de sair 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 uma privacidade melhor do que soluções alternativas que exigem upload para um servidor em nuvem.

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

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

Funções CSS

As funções CSS incluídas no Chrome 138 incluem as funções relacionadas ao 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 outros dois cálculos (o valor de início e de término do progresso).

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

A 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 articulação entre telas separadas) que funcionam como um divisor.

Saiba mais em Oferecer suporte a dispositivos dobráveis com a API Viewport Segments.

E muito mais.

Claro que há muito mais:

  • Quando < e > estão em um valor de atributo, eles agora são escapados na serialização.
  • Dois novos valores, "prefetchCache" e "prerenderCache", para o cabeçalho Clear-Site-Data permitem que você limpe o cache de pré-renderização e de 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 que os contém.