Novidades do Chrome 61

  • O Chrome 61 agora oferece suporte nativo a módulos JavaScript, unificando a maneira como o JavaScript modular pode ser escrito.
  • Agora você pode usar navigator.share para acionar a caixa de diálogo de compartilhamento nativa do Android.
  • A API WebUSB caiu, permitindo que os apps da Web acessem os dispositivos USB permitidos pelo usuário.
  • E tem muito mais!

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

Meu nome é Pete LePage. Vamos conhecer as novidades do Chrome 61 para os desenvolvedores!

Módulos JavaScript

O Chrome 61 adiciona suporte nativo para módulos JavaScript usando o elemento <script type="module">. Isso possibilita que o Chrome busque dependências granulares em paralelo, aproveitando o armazenamento em cache, evitando duplicações na página e garantindo que o script seja executado na ordem correta.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Esse sistema de módulos padronizado unifica a maneira como o JavaScript modular pode ser escrito e enviado para navegadores da Web. No futuro, o mesmo sistema estará disponível no Node, facilitando a gravação e a implantação do JavaScript isomórfico.

Acesse os links abaixo para saber mais sobre os módulos e os aspectos do JavaScript que são afetados pelos módulos.

API Web Share

Se você quiser que os usuários possam compartilhar facilmente seu conteúdo na rede social favorita deles, é necessário integrar botões de compartilhamento ao site para cada rede social. Isso aumenta muito a página, nem sempre é adequada à IU e significa que é necessário incluir código de um site de terceiros.

A API Web Share, disponível hoje no Chrome para Android, permite invocar os recursos nativos de compartilhamento do dispositivo do usuário, possibilitando que o usuário compartilhe facilmente textos ou links com qualquer um dos aplicativos nativos instalados.

Em uma versão futura, essa API também poderá compartilhar com apps da Web instalados. Para usá-lo, basta chamar navigator.share com os detalhes da página que você quer compartilhar. O sistema lidará com o restante.


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Confira a Atualização da API WebShare de Paul para ver todos os detalhes e algumas práticas recomendadas que você deve seguir.

WebUSB

A maioria dos periféricos de hardware, como teclados, mouses, impressoras e gamepads, é compatível com APIs de plataforma da Web de alto nível. No entanto, o uso de dispositivos USB educacionais, científicos, industriais ou outros dispositivos USB no navegador tem sido difícil, e muitas vezes exigimos drivers especializados.

O Chrome agora oferece suporte à API WebUSB, permitindo que apps da Web se comuniquem com dispositivos USB, após o consentimento do usuário. Para saber mais sobre as considerações de segurança e privacidade e como elas são abordadas, confira a especificação WebUSB (link em inglês).

Quando estiver tudo pronto, confira a postagem do WebUSB (link em inglês) do Francois sobre atualizações.

E muito mais.

  • Agora você pode especificar a suavidade da rolagem com a propriedade CSS scroll-behavior.
  • Os valores hexadecimais de CSS agora podem especificar a transparência alfa adicionando dígitos ao final da string.
  • É possível acessar as posições relativas do conteúdo da tela com a API Visual Viewport, expondo funcionalidades complexas, como fazer gesto de pinça e aplicar zoom de maneira mais direta.

Essas são apenas algumas das mudanças no Chrome 61 para desenvolvedores.

Em seguida, inscreva-se no nosso canal do YouTube para receber uma notificação por e-mail sempre que um novo vídeo for lançado.

Eu sou Pete LePage e, assim que o Chrome 62 for lançado, terei aqui as novidades: