Novidades no Chrome 119

Veja o que é necessário saber:

Meu nome é Adriana Jara. Vamos nos aprofundar e conhecer as novidades para desenvolvedores no Chrome 119.

Data de validade dos cookies.

Desde que os cookies recém-criados no Chrome 104 ou aqueles atualizados com uma data de validade, essa data foi limitada para no máximo 400 dias no futuro. Esse mesmo limite será aplicado retroativamente aos cookies que já estão armazenados.

As datas de validade desses cookies serão limitadas a, no máximo, 400 dias após a primeira inicialização do Chrome 119 e versões mais recentes e uma migração única do banco de dados. Os usuários só vão perceber o impacto dessa mudança 400 dias após o lançamento do Chrome 119 e somente para os cookies que não foram atualizados nesse período.

Saiba mais sobre a recomendação sobre a data de validade, leia este lembrete sobre a descontinuação dos cookies de terceiros em um futuro próximo e este guia para se preparar para a descontinuação.

Atualizações do CSS

Para o CSS, temos três atualizações:

Número um: as novas pseudoclasses :user-invalid e :user-valid, que representam um elemento com entrada incorreta ou correta, respectivamente, mas somente depois da interação significativa do usuário com ele. Elas são semelhantes às pseudoclasses :valid e :invalid, mas com a restrição adicional de que as novas pseudoclasses só correspondem depois que o usuário interage com o elemento.

Em segundo lugar: a sintaxe de cor relativa permite que os desenvolvedores definam cores modificando os parâmetros de outras cores.

Por exemplo: oklab(from magenta calc(l * 0.8) a b); resulta em uma cor magenta do Oklab que é 80% mais clara.

Terceiro: clip-path agora oferece suporte a mais valores.

A propriedade clip-path cria uma região de recorte que define qual parte de um elemento será mostrada. As partes que estão dentro da região são mostradas, enquanto as externas ficam ocultas.

Agora você pode usar valores <geometry-box> para controlar a caixa de referência do clipe, tornando clip-path mais fácil de usar. Esses valores de caixa podem ser usados com formas básicas (por exemplo, clip-path: circle(50%) margin-box) ou sozinhos para recortar a caixa especificada (por exemplo, clip-path: content-box).

Você também pode usar as funções xywh() e rect(), que facilitam a especificação de clipes retangulares ou arredondados.

Correção: uma versão anterior deste artigo se referia a melhorias em Fenced Frames. Essas mudanças agora estão disponíveis no Chrome 120.

E muito mais.

É claro que há muito mais.

  • O WebSQL foi totalmente removido a partir do Chrome 119. Com um teste de origem reversa, os desenvolvedores podem continuar usando o WebSQL até o Chrome 123.

  • Agora a opção monitorTypeSurfaces pode ser usada para impedir que o usuário compartilhe uma tela inteira com getDisplayMedia().

  • Há um teste de origem que adiciona um parâmetro windowFeatures fullscreen à API JavaScript window.open() para permitir que o autor da chamada abra um pop-up diretamente em tela cheia.

Leitura adicional

Isso cobre apenas alguns dos principais destaques. Verifique os links abaixo para outras mudanças no Chrome 119.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no Canal Chrome Developers no YouTube, e você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.

Adriana Jara! Assim que o Chrome 120 for lançado, estarei aqui para contar as novidades do Chrome.