Novidades no Chrome 119

Adriana Jara

Veja o que é necessário saber:

Meu nome é Adriana Jara. Vamos conferir as novidades para desenvolvedores no Chrome 119.

Data de validade dos cookies.

Desde o Chrome 104, os cookies recém-criados ou atualizados com uma data de validade têm essa data limitada a até 400 dias no futuro. Esse mesmo limite será aplicado de forma retroativa 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 vez que o Chrome 119 ou mais recente for iniciado e fizer uma migração única de banco de dados. O impacto dessa mudança não será sentido pelos usuários até pelo menos 400 dias após o lançamento do Chrome 119 e, depois, apenas para cookies que não foram atualizados nesse período.

Leia mais sobre a recomendação de data de validade e lembre-se de que os cookies de terceiros serão descontinuados em breve. Confira também um guia para se preparar para a descontinuação.

Atualizações de CSS

Para 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 que o usuário interagiu significativamente 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.

Número dois: 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 um magenta Oklab 80% mais claro.

E a terceira: clip-path agora é compatível com mais valores.

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

Agora é possível usar valores de <geometry-box> para controlar a caixa de referência do clipe, facilitando o uso do clip-path. 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).

Também é possível usar as funções xywh() e rect(), que facilitam a especificação de clipes retangulares ou retangulares arredondados.

Correção: uma versão anterior deste artigo se referia a melhorias para frames cercados. Essas mudanças estão sendo enviadas no Chrome 120.

E muito mais.

Claro que há muito mais.

  • WebSQL foi totalmente removido no Chrome 119. Um teste de origem reversa permite que os desenvolvedores continuem 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 fullscreen windowFeatures à API JavaScript window.open() para permitir que o autor da chamada abra um pop-up diretamente em tela cheia.

Leitura adicional

Isso abrange apenas alguns destaques importantes. Confira as mudanças adicionais no Chrome 119 nos links abaixo.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

Meu nome é Adriana Jara, e assim que o Chrome 120 for lançado, estarei aqui para contar as novidades do Chrome.