Primeira vez na plataforma da Web em outubro

Descubra alguns dos recursos interessantes que foram lançados 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 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.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

Fragmentos de texto

O Firefox 131 também oferece suporte a fragmentos de texto, com o pseudoelemento CSS ::target-text.

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

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.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

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.

Browser Support

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

Source

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

Browser Support

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

Source

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.

Browser Support

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

Source

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.

Browser Support

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

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: not supported.
  • Safari: not supported.

Source

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.