Plataforma da Web novidade em junho

Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em junho de 2025.

Rachel Andrew

Publicado em: 30 de junho de 2025

Versões estáveis do navegador

Em junho de 2025, o Firefox 140 e o Chrome 138 se tornaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma da Web com essas versões.

Escape < e > em atributos ao serializar HTML

O Chrome 138 e o Firefox 140 incluem essa mudança para evitar exploits em que o HTML é serializado e injetado de volta no DOM. Essa mudança também está incluída na versão Beta do Safari 26. Saiba por que essa mudança foi necessária.

A API CSS Custom Highlight

O Firefox 140 implementa a API CSS Custom Highlight. Isso permite definir e estilizar intervalos de texto arbitrários em um documento, semelhante a outros pseudoelementos de CSS de destaque, como ::grammar-error.

Além da API JavaScript, o trabalho inclui o pseudoelemento ::highlight do CSS, usado para aplicar estilos ao destaque registrado. Embora esse recurso agora seja amplamente interoperável, alguns problemas com o pseudoelemento ::highlight fazem com que ele ainda não seja a referência.

API Cookie Store

A API Cookie Store é uma API assíncrona para gerenciar cookies e tem suporte no Firefox 140. Agora há suporte básico para essa API em todos os navegadores. No entanto, consulte a tabela de compatibilidade no MDN para informações sobre partes que ainda não são interoperáveis.

Remoção de eventos de mutação

O Interop 2025 contém uma remoção este ano. Os eventos de mutação legados, como DOMSubtreeModified, DOMNodeInserted e DOMNodeRemoved, detectam mudanças no DOM e executam um callback de listener de eventos quando ocorrem mudanças no DOM. Esses eventos de mutação foram descontinuados em favor da API MutationObserver, que tem melhor desempenho e é menos propensa a erros.

O Firefox 140 remove esses eventos, que já foram removidos do Chrome.

Funções CSS no Chrome 138

O Chrome 138 inclui um conjunto completo de funções CSS. Algumas delas são novas para a plataforma, outras se tornam a linha de base com a inclusão no Chrome.

As funções relacionadas a assinatura abs() e sign() ficam disponíveis na versão de referência com o Chrome 138.

A plataforma agora tem a função de interpolação progress().

O Chrome 138 também inclui sibling-index() e sibling-count(). Eles podem ser usados 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.

APIs de IA integradas para tradução, detecção de idioma e resumo

O Chrome 138 inclui três APIs de IA JavaScript integradas. As APIs Translator e Language Detector permitem detectar o idioma em que o texto foi escrito e traduzir esse texto para outros idiomas. Eles usam o modelo de IA interno do navegador e, portanto, funcionam no dispositivo.

A API Summarizer resume o texto, novamente no dispositivo, usando o modelo de IA interno do navegador.

Suporte para orientação de frames de vídeo no WebCodecs

O Chrome 138 também adiciona valores rotation: int e flip: bool a várias interfaces relacionadas a vídeos em WebCodecs para que os desenvolvedores possam trabalhar com fontes de frames que têm orientação.

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que vai estar na próxima versão estável do navegador. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba a versão. As novas versões Beta são Firefox 141, Safari 26 e Chrome 139.

O Safari 26 promete ser uma versão cheia de recursos para o navegador. Para CSS, ele inclui suporte a overflow-block e overflow-inline, animações com rolagem, posicionamento de âncora, a função CSS progress() e muito mais. Também há suporte para as APIs AudioEncoder e AudioDecoder, a API URLPattern, a API Digital Credentials, os tipos confiáveis e a API WebAuthn Signal.

O Chrome 139 inclui funções personalizadas de CSS, modelagem de cantos e a propriedade caret-animation. Também estão incluídas a API On-device Web Speech, extensões de escopo de apps da Web e o comando de invocação request-close.

O Firefox 141 adiciona o argumento options.source para showPopover() e togglePopover(), para estabelecer uma relação entre um popover e seu invocador. Ele também inclui suporte para a propriedade CSS font-variant-emoji.