Primeira vez na plataforma da Web em outubro

Descubra alguns dos recursos interessantes que chegaram em navegadores da Web estáveis e Beta em outubro de 2024.

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 do tipo matriz em iteradores sem criar objetos de matriz intermediários, incluindo conjuntos de dados muito grandes em que não seria possível criar uma matriz intermediária.

Compatibilidade com navegadores

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: incompatível.

Origem

Fragmentos de texto

No Firefox 131, também há suporte a fragmentos de texto, além do pseudoelemento ::target-text de CSS.

Compatibilidade com navegadores

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Prévia da tecnologia do Safari: compatível.

Origem

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.

Compatibilidade com navegadores

  • Chrome: 114
  • Edge: 114.
  • Firefox: 131.
  • Safari: incompatível.

Origem

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.

Compatibilidade com navegadores

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Origem

O método MediaStreamTrack.getCapabilities() também está incluído.

Compatibilidade com navegadores

  • Chrome: 59.
  • Borda: 12.
  • Firefox: 132
  • Safari: 11

Origem

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 na versão de referência.

Saiba mais em Otimizar o carregamento de recursos com a API Fetch Priority.

Compatibilidade com navegadores

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Origem

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.

Compatibilidade com navegadores

  • Chrome: 130
  • Borda: 130.
  • Firefox: 32.
  • Safari: 7.

Origem

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 de CSS. Isso significa que o CSS aninhado é analisado corretamente, conforme explicado em O aninhado de CSS melhora com CSSNestedDeclarations.

Compatibilidade com navegadores

  • Chrome: 130.
  • Borda: 130.
  • Firefox: 132.
  • Safari: incompatível.

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 true 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 na Web Serial.

Compatibilidade com navegadores

  • Chrome: 130.
  • Edge: não compatível.
  • Firefox: não é compatível.
  • Safari: incompatível.

Correções de acessibilidade no Safari

A versão do Safari 18.1 vem logo após o Safari 18 e corrige vários problemas de acessibilidade, especialmente com o 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 é compatível com as interfaces ImageDecoder, ImageTrackList e ImageTrack da API WebCodecs, ativando as imagens de decodificação das linhas de execução principal e do worker.

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 em CSS. Assim, você pode fornecer cabeçalhos e rodapés personalizados ao imprimir na Web.