Plataforma da Web novidade em maio

Conheça alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta durante maio de 2022.

Rachel Andrew

Versões estáveis do navegador

Em maio, o Chrome 102, o Safari 15.5, o Firefox 100 e o Firefox 101 se tornaram estáveis.

O Chrome 102 e o Safari 15.5 incluem o atributo inert. Isso remove elementos da ordem de tabulação e da árvore de acessibilidade se eles não forem interativos. Por exemplo, um elemento que está fora da tela ou oculto.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

O Chrome 102 inclui o novo valor until-found para o atributo HTML hidden. Isso permite localizar na página e rolar até o fragmento de texto em um texto que está dentro de uma área recolhida da página, como em um padrão de acordeão. Saiba mais na postagem Como tornar o conteúdo recolhido acessível com hidden=until-found.

O Chrome 102 envia a API Navigation, que padroniza o roteamento do lado do cliente em aplicativos de página única. Antes, essa API era chamada de "API App History".

Browser Support

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

Source

O Firefox 101 é compatível com folhas de estilo construíveis. O suporte inclui o construtor CSSStyleSheet() e os métodos replace() e replaceSync(). As folhas de estilo construtíveis facilitam a criação de folhas de estilo para uso com o Shadow DOM. No exemplo a seguir, uma folha de estilo é criada usando o construtor CSSStyleSheet(), uma regra CSS é adicionada com o método replaceSync(), e a regra resultante é impressa no console.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

O Firefox 101 também tem o recurso de mídia prefers-contrast, que o disponibiliza em vários navegadores.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

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. É uma ótima hora para testar novos recursos ou remoções que possam afetar seu site antes do lançamento.

As novas versões Beta de abril foram o Chrome 103 e o Firefox 102.

O Firefox 102 inclui o recurso de mídia update. Usado para consultar se o dispositivo de saída pode modificar a aparência do conteúdo depois que ele é renderizado. Ele aceita os seguintes valores:

none
Depois de renderizado, o conteúdo não pode ser atualizado. Por exemplo, um documento impresso.
slow
O dispositivo pode atualizar o conteúdo, mas muito lentamente para mostrar uma animação fluida. Por exemplo, telas de tinta eletrônica.
fast
O conteúdo pode mudar de forma dinâmica e rápida o suficiente para renderizar animações. Por exemplo, a tela de um computador ou smartphone.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

O Chrome 103 inclui a API Local Font Access, que permite o acesso às fontes instaladas localmente pelo usuário.

Esses recursos Beta vão estar disponíveis em navegadores estáveis em breve.

Edição: uma versão anterior desta postagem mencionava o método Element.isVisible(), que não está disponível nesta versão.

Parte da série "Novidades na Web"