Veja o que é necessário saber:
- Há uma atualização da data de validade para cookies que já estão no armazenamento.
- O CSS tem novas pseudoclasses, sintaxe de cor relativa e muito mais.
- O Fenced Frames adicionou melhorias, como macros de tamanho do anúncio e outros.
- E há muito mais.
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 ogetDisplayMedia()
.Há um teste de origem (link em inglês) que adiciona um parâmetro
fullscreen
windowFeatures à API JavaScriptwindow.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.
- Novidades no Chrome DevTools (119)
- Descontinuações e remoções do Chrome 119
- Atualizações do ChromeStatus.com para o Chrome 119
- Lista de alterações do repositório de origem do Chromium
- Agenda de lançamentos do Chrome
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.