Descubra alguns dos recursos interessantes que chegaram aos 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 ficaram estáveis. Depois do lançamento dos novos recursos no mês passado, o período de abril foi um pouco mais tranquilo, mas algumas coisas interessantes surgiram para usar.
O Chrome 101 inclui a notação de cor hwb. Especifica a cor de acordo com sua matiz, branco e escuridão. Assim como acontece com outras notação de cor, 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? (link em inglês).
No Chrome 101, você também encontra o recurso Buscar prioridade. Isso dá uma maneira de indicar ao navegador em que ordem os recursos precisam 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.
O Firefox 99 inclui a propriedade pdfViewerEnabled
da interface do Navegador. Esta 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.
}
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai aparecer na próxima versão estável. Este é um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba esse lançamento.
As novas versões Beta em abril foram Chrome 102, Firefox 100 e 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 tabulação e da árvore de acessibilidade se eles não forem interativos. Por exemplo, um elemento que está fora da tela ou oculto no momento.
O Chrome 102 inclui o novo valor until-found
para o atributo HTML hidden
. Isso permite localizar na página e rolar até um fragmento de texto em um texto que está dentro de uma área recolhida da página, como é possível encontrar 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 acesso às fontes instaladas localmente do usuário.
Esses recursos Beta estarão disponíveis em navegadores estáveis em breve.
Parte da série para iniciantes na Web