Primeira vez na plataforma da Web em abril

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

Rachel Andrew

Versões estáveis do navegador

Em abril, o Chrome 101 e o Firefox 99 se tornaram estáveis. Depois da grande quantidade de recursos lançados no mês passado, abril foi um pouco mais tranquilo, mas algumas coisas interessantes foram lançadas para usarmos.

O Chrome 101 inclui a notação de cor hwb. Isso especifica a cor de acordo com o matiz, o branco e o preto. Assim como em outras notações de cores, um componente alfa opcional especifica a opacidade.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Para saber mais sobre hwb(), leia este artigo de Stefan Judis: hwb() – uma notação de cor para humanos?.

Browser Support

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

Source

Também no Chrome 101 está o recurso Prioridade de busca. Isso permite que você sugira ao navegador em qual ordem os recursos devem ser baixados usando o atributo fetchpriority. No exemplo abaixo, uma imagem de baixa prioridade é indicada com fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

A prioridade de busca ainda não está disponível em outros navegadores, mas você pode começar a usar agora para beneficiar qualquer pessoa com um navegador baseado no Chromium 101.

Browser Support

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

Source

O Firefox 99 inclui a propriedade pdfViewerEnabled da interface Navigator. Essa propriedade indica se o navegador é compatível com a exibição inline de arquivos PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

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 para o mundo.

As novas versões Beta de abril foram Chrome 102, Firefox 100 e Safari 15.5.

O Chrome 102, o Safari 15.5 e as versões de prévia do Firefox 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.

O Chrome 102 inclui o novo valor until-found para o atributo HTML hidden. Isso permite encontrar 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 também inclui a API Local Font Access, que permite o acesso às fontes instaladas localmente pelo usuário.

Esses recursos Beta serão lançados em navegadores estáveis em breve.

Parte da série "Novidades na Web"