Novidades do Chrome 61

Pete LePage

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

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

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

Módulos JavaScript

O Chrome 61 adiciona suporte nativo a módulos JavaScript pelo elemento <script type="module">. Isso permite 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 criação e a implantação de JavaScript isomórfico.

Saiba mais sobre módulos e os aspectos do JavaScript que são afetados por eles nos links abaixo.

API Web Share

Se você quiser que os usuários possam compartilhar seu conteúdo com facilidade na rede social favorita deles, integre os botões de compartilhamento ao seu site para cada rede social. Ele adiciona sobrecarga à página, nem sempre se encaixa bem na interface e significa que é preciso incluir código de um site de terceiros.

A API Web Share, disponível hoje no Chrome para Android, permite invocar os recursos de compartilhamento nativo do dispositivo do usuário, permitindo que ele compartilhe texto ou links com facilidade em qualquer um dos apps 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 fará o resto.


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 conferir todos os detalhes e algumas práticas recomendadas a serem seguidas.

WebUSB

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

O Chrome agora é compatível com a API WebUSB, permitindo que os 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, consulte a especificação do WebUSB.

Quando estiver tudo pronto, confira a postagem do François sobre o WebUSB para atualizações.

E muito mais.

  • Agora é possível especificar a suavidade da rolagem com a propriedade CSS scroll-behavior.
  • Os valores de cor hexadecimal do 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 o gesto de pinça e zoom, de maneira mais direta.

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

Depois, se inscreva no nosso canal do YouTube e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

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