- Chrome 61 ahora admite los 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 de uso compartido nativo de Android. - Se lanzó la API de WebUSB, que permite que las apps web accedan a los dispositivos USB permitidos por el usuario.
- ¡Y 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. Analicemos las novedades para desarrolladores en Chrome 61.
Módulos de JavaScript
En Chrome 61, se agrega compatibilidad nativa con los módulos de JavaScript por medio del elemento <script type="module">. Esto permite que Chrome recupere dependencias detalladas en paralelo, aproveche el almacenamiento en caché, evite duplicaciones en la página y se asegure de 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 estandarizado unifica la forma en que se puede escribir y enviar JavaScript modular a los navegadores web. En el futuro, el mismo sistema estará disponible en Node, lo que te permitirá escribir e implementar JavaScript isomórfico con mayor facilidad.
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 tu contenido fácilmente en su red social favorita, debes integrar botones de uso compartido en tu sitio para cada red social. Agrega bloat a tu página, no siempre se ajusta bien a la 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 funciones de uso compartido nativas 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á compartirse con las apps web instaladas.
Para usarlo, simplemente llama a navigator.share con los detalles de la página que deseas 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 mandos de juegos, son compatibles con las APIs de plataformas web de alto nivel. Sin embargo, usar dispositivos USB educativos, científicos, industriales o de otro tipo especializados en el navegador ha sido difícil y, a menudo, requiere controladores especializados.
Chrome ahora es compatible con la API de WebUSB, lo que permite que las apps web se comuniquen con dispositivos USB después de que el usuario haya proporcionado 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 tengas todo 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 CSS
scroll-behavior. - Los valores de color hexadecimales CSS ahora pueden agregar dígitos al final de la cadena para especificar la transparencia alfa.
- Puedes acceder a las posiciones relativas del contenido de la pantalla con la API de Visual Viewport, que expone funcionalidades complejas, como pellizcar y acercar, de una manera más directa.
Estos son solo algunos de los cambios que se implementaron 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, en cuanto se lance Chrome 62, estaré aquí para contarte las novedades.