Novidades do Chrome 88

Pete LePage

O Chrome 88 está começando a ser lançado para a versão estável.

Veja o que é necessário saber:

Sou Pete LePage, trabalhando e gravando em casa. Vamos conferir as novidades para desenvolvedores no Chrome 88.

Manifesto V3

O Chrome 88 agora oferece suporte a extensões criadas com o Manifest V3, e você pode fazer upload delas na Chrome Web Store. O Manifest V3 é uma nova plataforma de extensões que torna as extensões do Chrome mais seguras, funcionais e respeitadas a privacidade por padrão.

Por exemplo, ela proíbe código hospedado remotamente, o que ajuda os revisores da Chrome Web Store a entender melhor os riscos que uma extensão representa. e permitem que você atualize as extensões com mais rapidez.

Ele apresenta os service workers como substitutos das páginas em segundo plano. Como os service workers residem na memória apenas quando necessário, as extensões usam menos recursos do sistema.

Para oferecer aos usuários mais visibilidade e controle sobre como as extensões usam e compartilham dados, em uma versão futura vamos adotar um novo fluxo de instalação que permite aos usuários reter permissões sensíveis no momento da instalação.

Acesse developer.chrome.com para conferir todos os detalhes e aprender a migrar sua extensão atual para o Manifest V3.


Propriedade do CSS aspect-ratio

Normalmente, apenas alguns elementos têm uma proporção, como imagens. Para eles, se apenas a largura, ou a altura, for especificada, o outro será calculado automaticamente usando a proporção intrínseca.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

No Chrome 88, a propriedade aspect-ratio permite especificar explicitamente uma proporção, permitindo um comportamento semelhante.

.square {
  aspect-ratio: 1 / 1;
}

Também é possível usar o aprimoramento progressivo para verificar se há suporte no navegador e aplicar um substituto, se necessário. Em seguida, com o novo seletor de not CSS 4, é possível tornar seu código um pouco mais limpo.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Agradecemos a Jen Simmons por informar que isso é compatível com a versão técnica mais recente do Safari. Portanto, ele será exibido no Safari em breve. E confira a demonstração de Una para vê-lo em ação.

Limitação intensa de timers JS encadeados

O Chrome 88 limitará os timers do JavaScript encadeados para páginas ocultas em condições específicas. Isso reduzirá o uso da CPU e também o uso da bateria. Há alguns casos extremos em que isso muda o comportamento, mas os timers costumam ser usados quando uma API diferente seria mais eficiente e confiável.

Isso era bastante pesado em termos de jargão e um pouco ambíguo, então consulte o artigo de Jake Limitação pesada de timers JS encadeados a partir do Chrome 88 para saber todos os detalhes.

Play Faturamento em Atividade confiável na Web

Agora você pode usar o Play Faturamento na sua Atividade na Web confiável para vender produtos e assinaturas digitais usando a nova API Digital Goods. Ele está disponível como um teste de origem no Chrome 88 no Android, e esperamos expandir o teste para o ChromeOS na próxima versão.

Assim que as contas estiverem configuradas, atualize sua Atividade confiável na Web para ativar o faturamento do Google Play e criar produtos e softwares digitais no Play Console. Em seguida, no PWA, adicione o token de teste de origem e você estará pronto para adicionar o código para verificar se há compras, consultar compras disponíveis e fazer novas compras.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana e Andre entram em mais detalhes na palestra da Conferência de Desenvolvedores do Chrome: Novidades para apps da Web no Google Play ou confira os docs.

E mais

E, claro, há muito mais.

  • Para se adequar a uma mudança no padrão HTML, as tags âncora com target="_blank" agora implicam rel="noopener" por padrão. Isso ajuda a evitar ataques de cochilo da guia
  • A maioria dos sistemas operacionais ativa a aceleração do mouse por padrão, mas isso pode ser um problema para alguns jogos. No Chrome 88, a API Pointer Lock permite desativar a aceleração do mouse. Isso significa que o mesmo movimento físico, lento ou rápido, resulta na mesma rotação, proporcionando uma melhor experiência de jogo e maior precisão.
  • E addEventListener agora usa um sinal de cancelamento como opção. Chamar abort() remove esse listener de eventos, facilitando o encerramento de listeners de eventos quando eles não forem mais necessários.

Leia mais

Esses são apenas alguns dos principais destaques. Confira os links abaixo para ver outras mudanças no Chrome 88.

Fazer inscrição

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

Sou Pete LePage e, assim que o Chrome 89 for lançado, estarei aqui para informar as novidades do Chrome!