Novidades do Chrome 138

Rachel Andrew

Publicado em 24 de junho de 2025

O Chrome 138 já está sendo lançado, e este post compartilha alguns dos principais recursos da versão. Leia as notas de lançamento completas do Chrome 138.

Destaques desta versão:

APIs Translator, Language Detector e Summarizer

O Chrome está desenvolvendo APIs de 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. 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.

A partir do Chrome 138, é possível adicionar recursos de tradução ao aplicativo da Web com a API Translator. Isso permite que os usuários contribuam no idioma principal. Por exemplo, ao participar de chats de suporte, seu site pode traduzir o conteúdo para o idioma usado pelos 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 próprio dispositivo do usuário, oferecendo melhor privacidade do que soluções alternativas que exigem 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 uma conversa de 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 de CSS

As funções de CSS incluídas no Chrome 138 incluem as funções relacionadas a sinais 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 inicial e o valor final 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 deles entre os irmãos ou no número total de irmãos, respectivamente.

A API Viewport Segments

A API Viewport Segments permite segmentar dispositivos dobráveis. Os segmentos da janela de visualização são criados quando a janela de visualização é 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 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 são agora 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 de CSS (por exemplo, width e height) permite que os elementos cresçam para preencher exatamente o espaço disponível do bloco de contenção.