Plataforma da Web novidade em novembro

Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em novembro de 2024.

Publicado em 27 de novembro de 2024

Em novembro de 2024, o Firefox 131 e o Chrome 131 passaram a ser estáveis. Neste post, analisamos os novos recursos adicionados à plataforma da Web.

API WebCodecs

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.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

A propriedade permissions WorkerNavigator

O Firefox 133 também oferece suporte a WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page caixas de margem

O Chrome 131 adiciona suporte a caixas de margem de página ao imprimir um documento da Web ou exportá-lo como PDF.

As caixas de margem @page permitem definir o conteúdo na área de margem de uma página, por exemplo, para fornecer cabeçalhos e rodapés personalizados, em vez de usar os cabeçalhos e rodapés integrados gerados pelo navegador.

Os contadores também são aceitos para numeração de páginas. A especificação define dois nomes de contadores especiais: page para o número de página atual e pages para o número total de páginas.

Saiba mais em Adicionar conteúdo às margens das páginas impressas usando CSS.

Browser Support

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

Suporte a currentcolor na sintaxe de cores relativas

O Chrome 131 permite que cores relativas no CSS (usando a palavra-chave from) usem currentcolor como base. Isso permite definir cores complementares, com base na cor de texto de um elemento, para bordas, sombras ou planos de fundo desse elemento.

Uint8Array métodos

O Firefox 133 adiciona vários novos métodos Uint8Array para facilitar as conversões entre base64- e strings e matrizes de bytes com codificação hexadecimal:

  • Uint8Array.fromBase64() e Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() e Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() e Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID em workers dedicados

O Chrome 131 ativa WebHID em contextos de worker dedicados. Isso permite que você execute E/S pesadas e processe dados de um dispositivo HID em uma linha de execução separada, ajudando a reduzir o impacto de desempenho na linha de execução principal.

Browser Support

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

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 134, o Safari 18.2 e o Chrome 132. 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 Safari 18.2 inclui os métodos Uint8Array, mencionados anteriormente nesta postagem como enviados no Firefox, e os descritores de margem @page enviados no Chrome neste mês. Há uma boa lista de novos recursos do CSS, incluindo suporte para transições de visualização entre documentos, ruby-align e text-box-trim.

O Chrome 132 inclui suporte para as palavras-chave sideways-rl e sideways-lr para a propriedade CSS writing-mode, alterna eventos para <dialog> e um método bytes() para as interfaces Request e Response.

O Firefox 134 não tem muitos detalhes no momento, mas parece incluir Promise.try, que também está no Safari 18.2 Beta.