Novidades do Chrome 70

Pete LePage

No Chrome 70, adicionamos suporte para:

E tem muito mais!

Meu nome é Pete LePage. Vamos conferir as novidades para os desenvolvedores no Chrome 70.

Deseja a lista completa de alterações? Confira a lista de alterações de repositório de origem do Chromium.

Progressive Web Apps para computador no Windows e no Linux

Agora os usuários podem instalar Progressive Web Apps no computador no Windows e no Linux.

Depois de instalados, eles são iniciados no menu Iniciar e executados como todos os outros apps instalados, sem uma barra de endereço ou guias. Os service workers garantem que eles sejam rápidos e confiáveis. A experiência da janela do app faz com que eles pareçam qualquer outro app instalado.

Começar não é diferente do que você já faz hoje. Todo o trabalho feito no seu Progressive Web App atual ainda se aplica. Se o app atender aos critérios padrão do PWA, o Chrome vai disparar o evento beforeinstallprompt. Salve o evento e, em seguida, adicione uma IU (como um botão de instalação de app) para informar ao usuário que seu app pode ser instalado. Em seguida, quando o usuário clicar no botão, chame prompt() no evento salvo. O Chrome mostrará a solicitação ao usuário. Se ele clicar em "Adicionar", o Chrome adicionará seu PWA ao menu "Iniciar" e à área de trabalho.

Consulte minha postagem sobre PWAs para computadores (em inglês) para ver todos os detalhes.

API Credential Management: credenciais de chave pública

A API Credential Management simplifica o login para os usuários. Ele permite que seu site interaja com o gerenciador de credenciais ou os serviços de conta federados do navegador, como o Google e o Facebook.

O Chrome 70 adiciona suporte a um terceiro tipo de credencial: a credencial de chave pública, que permite que aplicativos da Web criem e usem credenciais fortes, com certificação criptográfica e com escopo de aplicativo para autenticar fortemente os usuários.

Estou muito feliz porque ela permite que os sites usem minha impressão digital para a autenticação de dois fatores. No entanto, ele também adiciona suporte a outros tipos de chaves de segurança e mais segurança na Web.

Consulte os documentos da API Credential Management para mais detalhes ou teste a demonstração do WebAuthn e como começar.

Chamada de workers

Os Workers são uma maneira fácil de mover o JavaScript da linha de execução principal para o segundo plano. Isso é essencial para manter o site interativo, porque significa que a linha de execução principal não será bloqueada quando estiver executando uma computação JavaScript cara ou complexa.

Sem WebWorkers

Linha de execução principal
Há muito JavaScript em execução, resultando em uma experiência lenta e instável.

Com WebWorkers

Linha de execução principal
O JavaScript não está em execução intensa, o que resulta em uma experiência rápida e tranquila.
WebWorker
Muitos JavaScripts pesados em execução não afetam a linha de execução principal.

No Chrome 70, os workers agora têm um atributo name, especificado por um argumento opcional no construtor.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Isso permite distinguir workers dedicados por name quando você tem vários workers com o mesmo URL. Também é possível imprimir o nome no console do DevTools, o que faz com que seja muito mais fácil saber qual worker você está depurando.

A opção de nomear workers já está disponível no Firefox, Edge e Safari. Confira a discussão no GitHub para saber mais.

E muito mais.

Essas são apenas algumas das mudanças no Chrome 70 para desenvolvedores. É claro que há muito mais.

Inscrever-se

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

Eu sou Pete LePage e, assim que o Chrome 71 for lançado, terei aqui as novidades do Chrome!