Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis ​​e beta da web durante junho de 2025.

Publicado: 30 de junho de 2025

Liberações estáveis ​​do navegador

Em junho de 2025 Firefox 140 e
Chrome 138 tornou -se estável. Esta postagem analisa os novos recursos adicionados à plataforma da web com esses lançamentos.

Escapar and > em atributos ao serializar HTML

Tanto o Chrome 138 quanto o Firefox 140 incluem essa alteração para evitar explorações em que o HTML é serializado e injetado de volta no DOM. Essa mudança também está incluída no beta para o Safari 26.
Saiba mais sobre por que essa mudança foi necessária.

A API de destaque personalizada do CSS

Firefox 140 implementa o
API de destaque personalizada do CSS. Isso permite definir e estilo arbitrário em variações de texto em um documento, semelhante a outros elementos de destaque CSS, como ::grammar-error.

Assim como a API JavaScript, o trabalho inclui o CSS ::highlight
Pseudo-elemento, usado para aplicar estilos ao destaque registrado. Embora esse recurso agora seja amplamente interoperável, alguns problemas com o ::highlight O elemento pseudo-elemento ainda não é bem-base.

A API da loja de biscoitos

A API da Cookie Store é uma API assíncrona para o gerenciamento de cookies e é suportada no Firefox 140. Agora há suporte básico para esta API em todos os navegadores, no entanto, verifique
o gráfico de compatibilidade
no MDN, para obter informações sobre peças que ainda não são interoperáveis.

Remoção de eventos de mutação

Interop 2025 Contém uma remoção este ano. Os eventos de mutação herdada como DOMSubtreeModifiedAssim, DOMNodeInsertede
DOMNodeRemoved Preste atenção nas alterações no DOM e execute um retorno de chamada do ouvinte do evento quando ocorrerem mudanças de DOM. Esses eventos de mutação foram obtidos em favor da API MutationObServer, que é mais performante 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 todo um conjunto de funções CSS, algumas delas são novas na plataforma, outros se tornam base com sua inclusão no Chrome.

As funções relacionadas a sinais
abs() e
sign()

Torne -se a linha de base recentemente disponível com o Chrome 138.

Novo na plataforma é a função de interpolação –progress().

Chrome 138 também inclui sibling-index() e sibling-count(). Eles podem ser usados ​​como números inteiros nos valores de propriedades do CSS para estilizar elementos com base em sua posição entre seus irmãos ou no número total de irmãos, respectivamente.

APIs de IA embutidas para tradução, detecção de linguagem e resumo

O Chrome 138 inclui três APIs de AI JavaScript embutidas. O
APIs de tradutor e detector de idiomas
Deixe detectar o idioma em que o texto é escrito e traduza esse texto em diferentes idiomas. Eles usam o próprio modelo interno de IA do navegador, assim como esse trabalho no dispositivo.

O API do resumo
Resume o texto, novamente no dispositivo usando o modelo interno de IA do navegador.

Suporte para orientação ao quadro de vídeo em WebCodecs

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

Lançamentos de navegador beta

As versões do navegador beta fornecem uma prévia de coisas que estarão 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 esse lançamento. Novos betas são
Firefox 141Assim,
Safari 26e Chrome 139.

O Safari 26 promete ser uma versão cheia de recursos para o navegador. Para CSS, inclui suporte para overflow-block e overflow-inlineAnimações acionadas por rolagem, posicionamento âncora, o CSS progress() função, e muito mais. Também há suporte para as APIs de áudio e audiodecoder, a API URLPattern, API de credenciais digitais, tipos confiáveis ​​e API de sinal webauthn.

O Chrome 139 inclui funções personalizadas CSS, modelagem de canto e o caret-animation propriedade. Também está incluída a API de fala da web no dispositivo, extensões de escopo de aplicativos da web e a request-close Comando do Invocador.

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