Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em janeiro de 2025.
Publicado em 29 de janeiro de 2025
Versões estáveis do navegador
Em janeiro de 2025, o Firefox 134, o Safari 18.3 e o Chrome 132 se tornaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma da Web.
Promise.try
já está disponível
Promise.try
é um método de conveniência que facilita o tratamento de erros para funções de callback
síncronas. Ela está disponível no Firefox 134, tornando-a a base
recém-disponível. Saiba mais em
Promise.try
agora está disponível como valor de referência.
Propriedades de alinhamento do CSS para elementos posicionados de forma absoluta
Também no Firefox 134, as propriedades CSS align-self
e justify-self
e a propriedade CSS abreviada place-self
agora são compatíveis com
elementos posicionados de forma absoluta.
Browser Support
Modos de escrita lateral do CSS
O suporte às palavras-chave sideways-rl
e sideways-lr
para a propriedade CSS writing-mode
foi adicionado ao Chrome 132. Os caracteres sideways-rl
e sideways-lr
são úteis para escrever texto não CJK na vertical,
quando você quer exibir texto na vertical para fins de design.
Browser Support
Correções no suporte a dispositivos móveis para o popover
O Safari 18.3 é uma versão que corrige vários problemas de interoperabilidade. Um problema importante é uma correção para o pop-up. Antes, tocar ou clicar fora do pop-up não fechava o pop-up no iOS e no iPadOS. Isso já foi corrigido.
Request.bytes()
e Response.bytes()
estão disponíveis como padrão
O Chrome 132 adiciona um método bytes()
às interfaces Request
e Response
do Fetch,
que retorna uma promessa resolvida com um Uint8Array
.
Embora Request
e Response
tenham um método arrayBuffer()
,
não é possível ler diretamente de um buffer.
É necessário criar uma visualização, como uma Uint8Array
, para ler.
O método bytes()
melhora a ergonomia de como receber o corpo de
Request
e Response
.
API Device Posture
O Chrome 132 inclui a API Device Posture,
projetada para ajudar no design de telas dobráveis.
Essa implementação inclui um novo recurso de mídia CSS device-posture
que
pode ser usado para detectar a postura atual do dispositivo. Ele também inclui uma
interface JavaScript para detectar e reagir a mudanças na postura.
As posturas são definidas como:
continuous
: indica uma tela plana, o que pode incluir um dispositivo dobrável enquanto ele está sendo usado na posição plana, e telas planas ou curvas.folded
: indica uma tela dobrada, o que pode incluir um dispositivo dobrável usado na posição de um livro ou laptop.
Browser Support
API WebAuthn Signal
O Chrome 132 também inclui a API WebAuthn Signal, que permite que as partes confiáveis do WebAuthn sinalizem informações sobre as credenciais atuais de volta aos provedores de armazenamento de credenciais. Assim, as credenciais incorretas ou revogadas podem ser atualizadas ou removidas da interface do sistema e do provedor.
Saiba mais sobre a API Signal para chaves de acesso no Chrome para computador.
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 135 e Chrome 133. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Confira alguns destaques.
O Chrome 133 é uma versão incrível para CSS. Ele inclui a
função attr()
avançada,
consultas de contêiner de estado de rolagem e
CSS text-box
, text-box-trim
e text-box-edge
.
O Chrome 133 também inclui a
interface FileSystemObserver
e uma primitiva do DOM (Node.prototype.moveBefore
) que permite mover elementos em uma árvore do DOM sem redefinir o estado do elemento.
O Firefox 135 inclui a análise JSON com proposta de origem, que tem como objetivo fornecer recursos para mitigar problemas relacionados à perda de precisão ao converter valores, como números flutuantes grandes e valores de data entre valores JavaScript e texto JSON.