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.

Versões estáveis do navegador

Em abril, o Chrome 101 e o Firefox 99 se tornaram estáveis. Depois de uma série de lançamentos de recursos no mês passado, abril foi um pouco mais tranquilo, mas algumas novidades interessantes foram lançadas.

O Chrome 101 inclui a notação de cores hwb. Isso especifica a cor de acordo com sua matiz, branco e 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 cores para humanos?.

Compatibilidade com navegadores

  • Introdução ao Chrome.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Origem

O recurso Buscar prioridade também está disponível no Chrome 101. Isso dá a você uma maneira de sugerir ao navegador em qual ordem os recursos devem ser transferidos por download 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 usá-la agora mesmo para beneficiar qualquer pessoa com um navegador baseado no Chromium 101.

Compatibilidade com navegadores

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

Origem

O Firefox 99 inclui a propriedade pdfViewerEnabled da interface do Navegador. Essa propriedade indica se o navegador oferece suporte à exibição inline de arquivos PDF.

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

Compatibilidade com navegadores

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

Origem

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia dos recursos que vão estar na próxima versão estável do navegador. Esse é um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes do lançamento oficial.

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

As versões de pré-lançamento do Chrome 102, Safari 15.5 e Firefox incluem o atributo inert. Isso remove elementos da ordem de guias 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 ativa a pesquisa na página e rola para o fragmento de texto em um texto que está dentro de uma área retraída da página, como em um padrão de acordeão. Saiba mais na postagem Como tornar o conteúdo fechado acessível com hidden=until-found.

Compatibilidade com navegadores

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

Origem

O Chrome 102 também inclui a API Local Fonts Access, que permite o acesso às fontes instaladas localmente do usuário.

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

Parte da série Novidades da Web