Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em dezembro de 2022.
Versões estáveis do navegador
Em dezembro, o Firefox 108 e o Safari 16.2 ficaram estáveis. Vamos dar uma conferida no que isso significa para a plataforma da Web.
Suporte aos atributos height
e width
de <source>
.
O Firefox 108 oferece suporte aos atributos height
e width
para o elemento <source>
, quando ele é filho de um elemento <picture>
. Esses atributos aceitam a altura ou largura da imagem, em pixels, como um número inteiro sem uma unidade.
Compatibilidade com navegadores
- 90
- 90
- 108
- 15
Funções trigonométricas CSS
O Firefox agora também é compatível com funções trigonométricas em CSS: sin()
, cos()
, tan()
, asin()
, acos()
, atan()
e atan2()
.
Suporte para o último valor de referência nos três mecanismos
Além de uma série de correções de CSS, o Safari 16.2 inclui alinhamento de last baseline
para grade CSS e layout flexbox, o que significa que esse recurso agora é compatível com os três principais mecanismos de navegador.
CSS font-variant-alternates
O Safari também inclui suporte a outros valores para a propriedade CSS font-variant-alternates
: anotações(value-name), character-variant(value-name), ornaments(value-name), styleset(value-name), stylistic(value-name), swash(value-name) e a at-rule associada do @font-feature-values
.
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 são Firefox 109, Safari 16.3 e Chrome 109.
O único recurso novo listado para o Safari 16.3 é a adição da diretiva prefetch-src
da Política de Segurança de Conteúdo (CSP, na sigla em inglês). Há também várias correções nessa versão Beta.
O Chrome 109 é compatível com o MathML Core, uma linguagem para descrever notação matemática incorporável em HTML e SVG.
Uma novidade do Chrome no Android é a Confirmação de pagamento seguro (SPC, na sigla em inglês). Esse é um padrão da Web proposto que permite que os clientes façam a autenticação com um emissor de cartão de crédito, banco ou outro provedor de serviços de pagamento usando um autenticador de plataforma, normalmente ativado com um recurso de desbloqueio de tela de um dispositivo, como um sensor de impressão digital.
Uma novidade do Chrome no Android é o Origin Private File System (OPFS), parte da API File System Access. Isso inclui toda a plataforma da API File System Access, menos os métodos show{OpenFile, SaveFile, Directory}Picker()
e a integração da API Drag and Drop.
Para CSS no Chrome, temos a unidade de comprimento lh
. Essa unidade é equivalente ao valor calculado da propriedade line-height no elemento em que é usada. Além disso, a propriedade hyphenate-limit-chars
que especifica o número mínimo de caracteres em uma palavra com hífen.
No momento em que este artigo foi escrito, e talvez devido ao período de festas de fim de ano, as notas da versão do Firefox ainda não foram atualizadas.
Outras notícias
Esta postagem marca a 12a edição desta série de postagens do blog, trazendo uma seleção mensal de artigos interessantes nos navegadores em 2022. Vou voltar em 2023 para continuar compartilhando algumas das coisas interessantes que aparecem na plataforma da Web todo mês.
Muitos dos recursos foram lançados nos navegadores ao longo do último ano, além dos mencionados como "correções de CSS", fizeram parte do Interop 2022. Para mais informações, leia o relatório de fim de ano da equipe do Chrome sobre essa iniciativa para vários navegadores com o objetivo de melhorar alguns dos principais problemas de interoperabilidade na plataforma da Web.
Por fim, o que interessa às pessoas que leem esta postagem é esta lista de atualizações baseada nos dados de compatibilidade de navegadores da MDN, lançados por nossos amigos na MDN.
Parte da série para iniciantes na Web