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 desenvolvedores no Chrome 70.

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

Progressive Web Apps para computador no Windows e 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 se sintam como qualquer outro app instalado.

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

Consulte minha postagem sobre PWAs para computador para conferir todos os detalhes.

API Credential Management: credenciais de chave pública

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

O Chrome 70 adiciona suporte a um terceiro tipo de credencial: Chave pública, que permite que os aplicativos da Web criem e usem credenciais fortes, atestadas criptograficamente e com escopo de aplicativo para autenticar usuários com segurança.

Estou muito animado com isso, porque 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 melhora a segurança na Web.

Consulte as documentações da API Credential Management para mais detalhes ou teste a demonstração da WebAuthn e saiba como começar.

De nome workers

Os workers são uma maneira fácil de mover o JavaScript da linha de execução principal para a de 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 de JavaScript cara ou complexa.

Sem WebWorkers

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

Com WebWorkers

Linha de execução principal
Sem execução pesada do JavaScript, resultando em uma experiência rápida e fluida.
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. Você também pode imprimir o nome no console das Ferramentas do desenvolvedor, facilitando muito saber qual worker você está depurando.

A nomenclatura de workers já está disponível no Firefox, Edge e Safari. Consulte a discussão no GitHub para mais detalhes.

E muito mais.

Estas são apenas algumas das mudanças no Chrome 70 para desenvolvedores. Há muitas outras.

Inscrever-se

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

Meu nome é Pete LePage, e assim que o Chrome 71 for lançado, estarei aqui para contar as novidades do Chrome!