Novidades do Chrome 78

Pete LePage

O Chrome 78 está sendo lançado agora!

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

API CSS Properties and Values

As variáveis CSS, tecnicamente chamadas de propriedades personalizadas, são incríveis. Elas permitem definir e usar suas próprias propriedades no CSS. No entanto, as propriedades personalizadas não são muito mais do que uma simples pesquisa e substituição.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Se você usou uma variável para uma cor, mas atribuiu um URL como um valor, a regra seria descartada silenciosamente. Com a API CSS Properties and Values, é possível definir um tipo e um valor de fallback padrão para suas propriedades personalizadas.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Para registrar uma propriedade, basta chamar window.CSS.registerProperty() e fornecer o nome da propriedade que você está definindo o tipo, se ela precisa herdar e o valor inicial.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Confira o artigo Propriedades personalizadas mais inteligentes com a nova API do Houdini de Sam Richard em web.dev para conferir todos os detalhes.

Service workers mais novos

As verificações de byte por byte agora são realizadas para scripts de service worker importados por importScripts(). Antes, a única maneira de forçar um service worker instalado a detectar mudanças em um script importado era mudar o URL do script importado, geralmente adicionando um valor semver ou hash no URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

A partir do Chrome 78, sempre que uma verificação de atualização for realizada para um arquivo de service worker de nível superior, o Chrome também vai verificar se o conteúdo de todos os scripts importados mudou. Se sim, o fluxo de atualização completo do service worker será acionado. Isso faz com que o Chrome esteja em conformidade com a especificação e corresponde ao que o Firefox e o Safari fazem.

Jeff tem todos os detalhes em Service workers para iniciantes, por padrão, incluindo algumas informações importantes sobre como o cache HTTP afeta o ciclo de atualização.

Novos testes de origem

Os testes de origem oferecem a oportunidade de validarmos recursos experimentais e APIs e permitem que você forneça feedback sobre a usabilidade e a eficácia deles em uma implantação mais ampla.

Os recursos experimentais geralmente só estão disponíveis com uma flag, mas, quando oferecemos um teste de origem para um recurso, você pode se inscrever nesse teste para ativar o recurso para todos os usuários na sua origem.

Ao ativar um teste de origem, você pode criar demonstrações e protótipos que os usuários de testes Beta podem testar durante o período do teste sem precisar ativar nenhuma flag especial no Chrome.

Confira mais informações sobre testes de origem no Guia de testes de origem para desenvolvedores da Web. Você pode conferir uma lista de testes de origem ativos e se inscrever na página Testes de origem do Chrome.


Sistema de arquivos nativo

Um teste de origem para a API Native File System começa no Chrome 78 e deve ser executado no Chrome 80.

A API Native File System permite que os desenvolvedores criem apps da Web poderosos que interagem com arquivos no dispositivo local do usuário. Depois que um usuário concede acesso a um app da Web, essa API permite que os apps da Web leiam ou salvem mudanças diretamente em arquivos e pastas no dispositivo do usuário.

Estou muito animado com todas as novas experiências que isso possibilita. Não preciso mais "fazer upload" ou "fazer download" de arquivos com os quais quero trabalhar. Confira minha postagem sobre o sistema de arquivos nativo para saber todos os detalhes, incluindo código, uma demonstração e como estamos trabalhando para manter os usuários seguros.

Receptor de SMS

Um teste de origem para a API SMS Receiver começa no Chrome 78 e deve ser executado no Chrome 80.

A API SMS Receiver, agora disponível como um teste de origem, permite que seu app da Web receba mensagens SMS formatadas especialmente para a origem do app. Com isso, é possível receber uma OTP de uma mensagem SMS e verificar um número de telefone do usuário com mais facilidade.

Eiji escreveu Verificar números de telefone na Web com a API SMS Receiver com todos os detalhes e como se inscrever no teste de origem.

Chrome Dev Summit 2019

Não se esqueça de assistir ao Chrome Dev Summit nos dias 11 e 12 de novembro. A transmissão será ao vivo no canal do YouTube para desenvolvedores do Chrome.


Leitura adicional

Isso abrange apenas alguns dos principais destaques. Confira os links abaixo para ver outras mudanças no Chrome 78.

Inscrever-se

Para ficar por dentro dos nossos vídeos, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo ou adicione nosso feed RSS ao seu leitor de feeds.

Meu nome é Pete LePage, e assim que o Chrome 79 for lançado, vou estar aqui para contar as novidades do Chrome.