Novidades do Chrome 78

Pete LePage

O Chrome 78 está sendo lançado!

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. Eles permitem definir e usar suas propriedades em todo o 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 valor, a regra seria descartada silenciosamente. Com a API CSS Properties and Values, é possível definir um tipo e um valor substituto 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 Houdini (em inglês) de Sam Richard no web.dev para ver detalhes completos.

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 da API Native File System começa no Chrome 78 e deve ser executado até o 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 da API SMS Receiver começa no Chrome 78 e espera-se que ele seja executado até o 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, você pode receber programaticamente 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 à Chrome Dev Summit, nos dias 11 e 12 de novembro. Ela será transmitida ao vivo no canal Chrome Developers no YouTube.


Leitura adicional

Isso cobre 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 nosso canal Chrome Developers no YouTube. Você vai receber uma notificação por e-mail sempre que lançarmos um novo vídeo ou adicionar nosso feed RSS ao seu leitor de feeds.

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