Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em outubro de 2024.
Versões estáveis do navegador
Em outubro de 2024, o Firefox 131, o Firefox 132, o Safari 18.1 e o Chrome 130 se tornaram estáveis. Neste post, analisamos os novos recursos adicionados à plataforma da Web.
Ajudantes de iterador síncronos
O Firefox 131 adiciona suporte a auxiliares de iterador síncronos. Por exemplo, Iterator.prototype.forEach() e Iterator.prototype.map(). Esses auxiliares permitem operações semelhantes a matrizes em iteradores sem criar objetos de matriz intermediários, incluindo conjuntos de dados muito grandes em que não é possível criar uma matriz intermediária.
Fragmentos de texto
O Firefox 131 também oferece suporte a fragmentos de texto,
com o pseudoelemento
CSS
::target-text
.
Cookies com estado particionado independente (CHIPS)
O Firefox 131 inclui
CHIPS,
que permite que você ative cookies no armazenamento particionado usando a diretiva partitioned
do cabeçalho HTTP Set-Cookie
.
Atualizações de mídia
Na segunda versão do Firefox em outubro, há um conjunto de recursos de mídia que
se juntam à versão de referência recém-disponível.
O Firefox 132 inclui
os métodos requestVideoFrameCallback()
e cancelVideoFrameCallback()
de HTMLVideoElement
.
O método
MediaStreamTrack.getCapabilities()
também está incluído.
fetchPriority
A API Fetch Priority indica a prioridade relativa dos recursos para o navegador. Ela tem suporte do Firefox 132, o que significa que essa API útil agora está disponível no Baseline.
Saiba mais em Otimizar o carregamento de recursos com a API Fetch Priority.
Suporte total do box-decoration-break
O Chrome 130 inclui suporte total e sem prefixo para a propriedade CSS box-decoration-break
. Isso inclui o valor de clone
para fragmentação de bloco e inline.
Saiba mais sobre a propriedade em A propriedade box-decoration-break no Chrome 130.
A regra de declarações aninhadas
O Chrome 130 e o Firefox 132 oferecem suporte a declarações aninhadas do CSS.
Isso significa que o CSS aninhado é analisado corretamente, conforme explicado em
O aninhamento de CSS melhora com CSSNestedDeclarations
.
O atributo connected
da série da Web e os eventos de conexão RFCOMM
O Chrome 130 adiciona um atributo booleano SerialPort.connected
.
O atributo retorna verdadeiro se a porta serial estiver logicamente conectada.
Com esse recurso, as portas seriais Bluetooth RFCOMM enviam esses eventos quando a porta fica logicamente conectada ou desconectada.
O objetivo desse recurso é permitir que os aplicativos detectem quando uma porta serial RFCOMM Bluetooth está disponível sem abrir a porta.
Saiba mais em Atualizações de Bluetooth RFCOMM no Web Serial.
Correções de acessibilidade no Safari
A versão 18.1 do Safari foi lançada logo após a versão 18 e corrige vários
problemas de acessibilidade, principalmente com display: contents
.
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 o Firefox 133 e o Chrome 131. 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 Firefox 133 oferece suporte às interfaces ImageDecoder
, ImageTrackList
e ImageTrack
da
API WebCodecs,
permitindo a decodificação de imagens das linhas de execução principais e de trabalho.
O Firefox 133 também oferece suporte a
WorkerNavigator.permissions
.
O Chrome 131 inclui
herança de destaque do CSS,
em que as pseudoclasses de destaque
do CSS, como ::selection
e ::highlight
,
herdam as propriedades pela cadeia de pseudodestaque,
em vez da cadeia de elementos.
O resultado é um modelo mais intuitivo para herança de propriedades em destaques.
O Chrome 131 também oferece suporte a caixas de margem @page
de mídia paginada do CSS,
para que você possa fornecer cabeçalhos e rodapés personalizados ao imprimir da Web.