- Chrome 61 ahora admite módulos de JavaScript de forma nativa, lo que unifica la forma en que se puede escribir JavaScript modular.
- Ahora puedes usar
navigator.sharepara activar el diálogo nativo de uso compartido de Android. - Llegó la API de WebUSB, lo que permite que las apps web accedan a los dispositivos USB que permite el usuario.
- Además, hay mucho más.
¿Quieres ver la lista completa de cambios? Consulta la lista de cambios del repositorio de código fuente de Chromium.
Soy Pete LePage. Comencemos y veamos las novedades para desarrolladores en Chrome 61.
Módulos de JavaScript
Chrome 61 agrega compatibilidad nativa con módulos de JavaScript a través del elemento <script type="module">. Esto permite que Chrome recupere dependencias detalladas en paralelo, aproveche el almacenamiento en caché, evite las duplicaciones en la página y garantiza que la secuencia de comandos se ejecute en el orden correcto.
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
Este sistema de módulos estandarizados unifica la forma en que JavaScript modular se puede escribir y enviar a navegadores web. En el futuro, el mismo sistema estará disponible en Node, lo que te facilitará escribir e implementar JavaScript isomórfico.
Puedes obtener más información sobre los módulos y los aspectos de JavaScript que se ven afectados por los módulos en los siguientes vínculos.
API de Web Share
Si deseas que los usuarios puedan compartir fácilmente contenido en sus redes sociales favoritas, debes integrar los botones para compartir en tu sitio para cada red social. Esto hace que la página se sobrecargue, no siempre se ajusta bien a tu IU y significa que debes incluir código de un sitio de terceros.
La API de Web Share, disponible actualmente en Chrome para Android, te permite invocar las capacidades nativas de uso compartido del dispositivo del usuario, lo que le permite compartir texto o vínculos fácilmente con cualquiera de sus apps nativas instaladas.
En una versión futura, esta API también podrá compartir contenido con las apps web instaladas.
Para usarla, simplemente llama a navigator.share con los detalles de la página que desees compartir, el sistema se encargará del resto.
navigator.share({
title: document.title, text: 'Hello',
url: window.location.href
}).then(() => {
console.log('Successful share');
});
Consulta la Actualización de la API de WebShare de Paul para obtener todos los detalles y algunas prácticas recomendadas que debes seguir.
WebUSB
La mayoría de los periféricos de hardware, como teclados, mouse, impresoras y controles de juegos, son compatibles con las APIs de plataformas web de alto nivel. Sin embargo, el uso de dispositivos USB educativos, científicos, industriales o de otro tipo especializados en el navegador era difícil y, a menudo, se necesitaban controladores especializados.
Chrome ahora admite la API de WebUSB, lo que permite que las aplicaciones web se comuniquen con dispositivos USB, después de que el usuario da su consentimiento. Para obtener más información sobre las consideraciones de seguridad y privacidad, y cómo se abordan, consulta las especificaciones de WebUSB.
Luego, cuando estés listo para comenzar, consulta la publicación de WebUSB de Francois sobre las actualizaciones.
Y mucho más.
- Ahora puedes especificar la fluidez del desplazamiento con la propiedad de CSS
scroll-behavior. - Los valores de color hexadecimal de CSS ahora pueden especificar la transparencia alfa agregando dígitos al final de la cadena.
- Puedes acceder a las posiciones relativas del contenido de la pantalla con la API de Visual Viewport, lo que expone funcionalidades complejas, como pellizcar y acercar de manera más directa.
Estos son solo algunos de los cambios en Chrome 61 para desarrolladores.
Luego, suscríbete a nuestro canal de YouTube y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.
Soy Pete LePage, y apenas se lance Chrome 62, estaré aquí para contarte las novedades de Chrome.