Novidades no Chrome 119

Veja o que é necessário saber:

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

Data de validade dos cookies.

Desde que os cookies recém-criados do Chrome 104 ou aqueles atualizados com uma data de validade tiveram essa data limitada a, no máximo, 400 dias. Esse mesmo limite será aplicado de forma retroativa aos cookies que já estiverem 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 única migração do banco de dados. O impacto dessa mudança não será percebido pelos usuários até pelo menos 400 dias após o lançamento do Chrome 119, e somente para cookies existentes que não foram atualizados nesse período.

Leia mais sobre a recomendação da data de validade. Este é um lembrete de que os cookies de terceiros vão ser descontinuados em breve e um guia de preparação para a descontinuação.

Atualizações de CSS

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

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

Número 2: a sintaxe de cores relativas 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 magenta do Oklab que é 80% mais clara.

E número três: clip-path agora oferece suporte a mais valores.

A propriedade clip-path cria uma região de corte que define qual parte de um elemento vai ser mostrada. As partes dentro da região são mostradas, mas as externas ficam escondidas.

Agora você pode usar os valores de <geometry-box> para controlar a caixa de referência do clipe, facilitando o uso de 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 na 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 retangulares arredondados.

Correção: uma versão anterior deste artigo fazia referência às melhorias no Fenced Frames. Essas mudanças serão lançadas no Chrome 120.

E muito mais.

Claro, há muito mais.

  • O WebSQL foi totalmente removido a partir do 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 o getDisplayMedia().

  • Há um teste de origem (link em inglês) 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.

Leia mais

Isso aborda apenas alguns destaques importantes. Verifique os links abaixo para ver outras mudanças no Chrome 119.

Fazer inscrição

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

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