Novedades de Chrome 78

Pete LePage

¡Chrome 78 se está lanzando ahora!

Soy Pete LePage. Comencemos y veamos las novedades para desarrolladores en Chrome 78.

API de propiedades y valores de CSS

Las variables de CSS, técnicamente denominadas propiedades personalizadas, son geniales. Te permiten definir y usar tus propias propiedades en todo el CSS. Sin embargo, las propiedades personalizadas no son mucho más que una simple búsqueda y reemplazo.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Si utilizaste una variable para un color, pero asignaste una URL como valor, la regla se descartará silenciosamente. Con la API de propiedades y valores de CSS, puedes definir un tipo y un valor de resguardo predeterminado para tus propiedades personalizadas.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Registrar una propiedad es tan fácil como llamar a window.CSS.registerProperty() y proporcionar el nombre de la propiedad que estás definiendo el tipo de propiedad que es (si debe heredar) y su valor inicial.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Consulta el artículo Propiedades personalizadas más inteligentes con la nueva API de Houdini de Sam Richard en web.dev para obtener más detalles.

Trabajadores de servicio más modernos

Ahora se realizan verificaciones de bytes por byte para las secuencias de comandos de service workers importadas por importScripts(). Antes, la única manera de forzar a un service worker instalado para que recogiera los cambios de una secuencia de comandos importada era modificar la URL de la secuencia de comandos importada, por lo general, con un valor de semver o un hash en la URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

A partir de Chrome 78, cada vez que se realiza una verificación de actualización para un archivo de service worker de nivel superior, Chrome también comprobará si cambió el contenido de las secuencias de comandos importadas. Si es así, activará el flujo de actualización de service worker completo. Esto permite que Chrome cumpla con la especificación y que coincida con lo que hacen Firefox y Safari.

Jeff tiene todos los detalles en Fresher service worker, de forma predeterminada, lo que incluye algunos aspectos importantes que debes saber sobre cómo la caché HTTP afecta el ciclo de actualización.

Nuevas pruebas de origen

Las pruebas de origen nos brindan la oportunidad de validar las funciones experimentales y las APIs, y permitirte enviar comentarios sobre su usabilidad y eficacia en una implementación más amplia.

Por lo general, las funciones experimentales solo están disponibles detrás de una marca, pero cuando ofrecemos una prueba de origen para una función, puedes registrarte en esa prueba si quieres habilitarla para todos los usuarios del origen.

Participar en una prueba de origen te permite compilar demostraciones y prototipos que los usuarios de pruebas beta pueden probar durante la prueba sin necesidad de activar marcas especiales en Chrome.

Hay más información sobre las pruebas de origen en la Guía de pruebas de origen para desarrolladores web. Puedes ver una lista de las pruebas de origen activas y registrarte para obtenerlas en la página Pruebas de origen de Chrome.


Sistema de archivos nativo

Una prueba de origen para la API del sistema de archivos nativos comienza en Chrome 78 y se espera que se ejecute hasta Chrome 80.

La API de Native File System permite a los desarrolladores compilar apps web potentes que interactúan con archivos en el dispositivo local del usuario. Después de que un usuario otorga acceso a una app web, esta API permite que estas puedan leer o guardar cambios directamente en archivos y carpetas del dispositivo del usuario.

Estoy muy emocionada con todas las nuevas experiencias que esto ofrece, ya no tengo que "subir" ni "descargar" los archivos con los que quiero trabajar. Consulta mi publicación sobre el sistema de archivos nativos a fin de obtener todos los detalles, que incluyen el código, una demostración y cómo estamos trabajando para proteger a los usuarios.

Receptor de SMS

Una prueba de origen para la API de SMS Receiver comienza en Chrome 78 y se espera que se ejecute hasta Chrome 80.

La API de receptor de SMS, que ahora está disponible como prueba de origen, permite que tu app web reciba mensajes SMS con un formato especial para el origen de tu app. De esta manera, puedes obtener una OTP de manera programática a partir de un mensaje SMS y verificar el número de teléfono del usuario con más facilidad.

Eiji escribió Verificar números de teléfono en la Web con la API de receptor de SMS con todos los detalles y cómo registrarse para la prueba de origen.

Chrome Dev Summit 2019

No olvides participar en la Chrome Dev Summit el 11 y 12 de noviembre, que se transmitirá en vivo en el canal de YouTube de Chrome Developers.


Lecturas adicionales

Esto abarca solo algunos de los aspectos más destacados. Consulta los vínculos que aparecen a continuación para ver cambios adicionales en Chrome 78.

Suscribirse

Si quieres mantenerte al día con nuestros videos, suscríbete a nuestro canal de YouTube para desarrolladores de Chrome. Recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo o agreguemos nuestro feed RSS a tu lector de feeds.

Soy Pete LePage, y apenas se lance Chrome 79, estaré aquí para contarte las novedades de Chrome.