Esta página foi traduzida pela API Cloud Translation.

Novidades do Chrome 78

Pet LePage

Twitter GitHub Glitch Mastodon Página inicial

O Chrome 78 já está sendo lançado.

Sou Pete LePage. Vamos conferir as novidades para os desenvolvedores do Chrome 78.

API CSS Properties e Values

As variáveis CSS, tecnicamente chamadas de propriedades personalizadas, são incríveis. Com elas, você pode definir e usar suas próprias 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ê usasse 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);
}

Registrar uma propriedade é tão fácil quanto chamar window.CSS.registerProperty() e fornecer o nome da propriedade que você está definindo o tipo de propriedade que ela é, se ela precisa ser herdada, 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 da Houdini (em inglês) de Sam Richard em web.dev para mais detalhes.

Profissionais de serviços mais novos

As verificações 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 coletar alterações em um script importado era alterar 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, cada vez que uma verificação de atualização é realizada para um arquivo de service worker de nível superior, o Chrome também verifica se o conteúdo de qualquer script importado foi alterado. Em caso positivo, o fluxo de atualização completo do service worker será acionado. Isso faz com que o Chrome fique em conformidade com a especificação e corresponda ao que o Firefox e o Safari fazem.

Jeff consulte todos os detalhes em Service workers mais recentes, 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 uma oportunidade para validar recursos e APIs experimentais, além de permitirem que você forneça feedback sobre usabilidade e eficácia em implantações mais amplas.

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

Ao ativar um teste de origem, você pode criar demonstrações e protótipos que os usuários do teste Beta podem testar durante o período de teste sem exigir que eles ativem flags especiais no Chrome.

Há mais informações sobre os testes de origem no Guia de testes de origem para desenvolvedores da Web. Você pode ver uma lista de testes de origem ativos e se inscrever neles 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 espera-se que seja executado até o Chrome 80.

A API Native File System permite que os desenvolvedores criem apps da Web avançados 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 leiam ou salvem mudanças diretamente em arquivos e pastas no dispositivo do usuário.

Estou muito empolgado com todas as novas experiências que isso possibilita, em vez de precisar "fazer upload" ou "download" dos arquivos com os quais quero trabalhar. Confira minha postagem sobre o sistema de arquivos nativo para saber todos os detalhes, incluindo código, 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 precisa ser executado até o Chrome 80.

A API SMS Receiver, agora disponível como teste de origem, permite que seu app da Web receba mensagens SMS formatadas especialmente para a origem do seu app. Assim, é possível receber de maneira programática uma OTP por uma mensagem SMS e verificar um número de telefone para o 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.

Conferência de Desenvolvedores do Chrome 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.