Compartilhe

Novidade na plataforma web em setembro | Blogue | web.dev

Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis ​​e beta em setembro de 2025.

Publicado: 1º de outubro de 2025

Versões de navegador estáveis

Cromo 140, Cromo 141, Safári 26e Firefox 143
lançado como estável em setembro, este post dá uma olhada no que foi um mês bastante emocionante para a plataforma web.

Novos recursos CSS no Safari 26

Há muito para ver na versão mais recente do Safari, há um artigo abrangente em Recursos do WebKit no Safari 26.0. Alguns destaques principais do CSS incluem os seguintes recursos.

Posicionamento da âncora

Como parte do Interop 2025, o Safari forneceu suporte para
Posicionamento de âncora CSS. Isso permite vincular elementos a uma âncora e é particularmente útil quando combinado com popover.

text-wrap: pretty

O pretty valor de text-wrap pede ao navegador para melhorar a tipografia – por exemplo, reduzindo o impacto de bordas irregulares e rios tipográficos e evitando últimas linhas curtas.

Animações orientadas por rolagem

O Safari também oferece suporte para animações controladas por rolagem, permitindo vincular as animações ao quanto o usuário rolou.

Novos valores e funções

Safari é o primeiro navegador a adicionar suporte para o contrast-color() função, oferecendo uma maneira de solicitar ao navegador que selecione a cor com maior contraste em relação a outra cor.

O progress() A função matemática retorna um número que indica o progresso entre dois outros valores.

O align-self e justify-self propriedades para posicionamento absoluto agora são suportadas.

As propriedades lógicas overflow-block e overflow-inline são suportados e podem ser usados ​​no lugar de overflow-x e overflow-y.

Safari também agora suporta margin-trim.

O ::details-content pseudo-elemento

Firefox 143 adiciona suporte para ::details-contentisso permite estilizar o conteúdo do

elemento.

Suporte para marcadores de estilo criados com conteúdo gerado

O Firefox 143 também adiciona suporte para o ::before::marker e ::after::marker seletores. Isso permite que você estilize um ::marker quando foi criado usando o ::before ou ::after
pseudo-elemento.

API de credenciais digitais

Safari 26 e Chrome 141 incluem suporte para a API Digital Credentials. Isso permite que os sites solicitem seletivamente informações verificáveis ​​sobre o usuário por meio de credenciais digitais, como carteira de motorista ou carteira de identidade armazenada em uma carteira digital.

A API URL Pattern torna-se linha de base recentemente disponível

O API de padrão de URL permite que você use o
Padrão de padrão de URL para corresponder URLs usando expressões regulares. Ele foi enviado no Safari 26 e agora está disponível como linha de base recentemente.

Uint8Array de e para base64 e hex agora está disponível como linha de base recentemente

Base64 é uma forma comum de representar dados binários arbitrários como ASCII. JavaScript tem Uint8Arrays para dados binários. No entanto, falta-lhe um mecanismo incorporado para codificar esses dados como base64, ou para obter dados base64 e produzir um correspondente Uint8Array. Este recurso adiciona a capacidade e métodos para conversão entre strings hexadecimais e Uint8Arrays. Com o Chrome 140, ele se torna a linha de base recentemente disponível.

O caret-animation propriedade

O CSS caret-animation propriedade fornecida no Chrome 140 e tem dois valores possíveis: auto e manual. auto significa padrão do navegador (piscando) e manual significa que o desenvolvedor controla a animação do cursor. Além disso, os usuários que são perturbados ou têm reações adversas ao piscar ou piscar de recursos visuais podem desativar o piscar com uma folha de estilo do usuário.

A API de notificação ARIA

Do Chrome 141, ariaNotify fornece uma API JavaScript que permite aos autores de conteúdo informar ao leitor de tela o que ler. Ele melhora a confiabilidade e o controle do desenvolvedor em comparação com regiões ativas ARIA, permitindo o anúncio de alterações não vinculadas a atualizações do DOM.

Banco de dados indexado getAllRecords() e direction opção para getAll() e getAllKeys()

Este recurso no Chrome 141 adiciona o getAllRecords() método para o IndexedDB IDBObjectStore e IDBIndex. Ele também adiciona um parâmetro de direção ao getAll() e getAllKeys(). Esta funcionalidade permite que certos padrões de leitura sejam significativamente mais rápidos quando comparados à alternativa existente de iteração com cursores.

Lançamentos de navegadores beta

As versões beta do navegador oferecem uma prévia do que estará na próxima versão estável do navegador. É um ótimo momento para testar novos recursos, ou remoções, que podem impactar seu site antes que o mundo receba esse lançamento. Novos betas este mês são
Firefox 144 e
Safári 26.1.

Safari 26.1 é principalmente uma versão de correção de bug, com correções para posicionamento de âncora, entre outras mudanças. O Firefox 144 fornecerá transições de visualização para aplicativos de página única (SPAs). Esta é uma das áreas de foco do Interop 2025 e significa que esse recurso se tornará a linha de base recentemente disponível.

Também incluído no Firefox 144 está o moveBefore() método no Element, DocumentFragment e Document interfaces. Isso permite mover um elemento filho imediato do objeto, antes de outro de seus elementos filhos.

Written by

Categorias