- 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: