Ya estamos lanzando Chrome 78.
Soy Pete LePage. Comencemos y veamos las novedades para los desarrolladores en Chrome 78.
API de CSS Properties and Values
Las variables de CSS, técnicamente llamadas propiedades personalizadas, son increíbles. 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 usaste una variable para un color, pero asignaste una URL como valor, la regla se descartaría de forma silenciosa. Con la API de CSS Properties and Values, 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 para la que defines el tipo de propiedad, si debe heredar y su valor inicial.
window.CSS.registerProperty({
name: '--my-color',
syntax: '<color>',
inherits: false,
initialValue: 'black',
});
Consulta el artículo Smarter custom properties with Houdini's new API de Sam Richard para obtener más información en web.dev.
Trabajadores de servicios más recientes
Ahora se realizan verificaciones de byte por byte para las secuencias de comandos de trabajadores de servicio que importa importScripts(). En el pasado, la única manera de forzar a un service worker instalado a detectar cambios en una secuencia de comandos importada era cambiar la URL de la secuencia de comandos importada, por lo general, agregando 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 realice una verificación de actualización de un archivo de service worker de nivel superior, Chrome también verificará si cambió o no el contenido de las secuencias de comandos importadas. Si es así, se activará el flujo completo de actualización del service worker. Esto hace que Chrome cumpla con las especificaciones y coincida con lo que hacen Firefox y Safari.
Jeff tiene todos los detalles en Service Workers más recientes, de forma predeterminada, incluidas algunas cuestiones 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 te permiten proporcionar 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 ofertamos una prueba de origen para una función, puedes registrarte en esa prueba para habilitar la función para todos los usuarios de tu origen.
Si habilitas una prueba de origen, podrás compilar demostraciones y prototipos que los usuarios de pruebas beta puedan probar durante la prueba sin que deban activar ninguna marca especial en Chrome.
Obtén 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 pruebas de origen activas y registrarte en ellas en la página Pruebas de origen de Chrome.
Sistema de archivos nativo
En Chrome 78, comienza una prueba de origen para la API de Native File System, que 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 las apps web lean o guarden cambios directamente en archivos y carpetas del dispositivo del usuario.
Me entusiasman todas las experiencias nuevas que esto permite, ya no es necesario subir ni descargar los archivos con los que quiero trabajar. Consulta mi publicación sobre el sistema de archivos nativo para obtener todos los detalles, incluido el código, una demostración y cómo trabajamos 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 SMS Receiver, que ahora está disponible como prueba de origen, permite que tu app web reciba mensajes SMS con formato especial para el origen de tu app. A partir de esto, puedes obtener una OTP de un mensaje SMS de forma programática y verificar un número de teléfono del usuario con mayor facilidad.
Eiji escribió Cómo verificar números de teléfono en la Web con la API de SMS Receiver con todos los detalles y cómo registrarse para la prueba de origen.
Chrome Dev Summit 2019
No olvides sintonizar la Cumbre de desarrolladores de Chrome el 11 y el 12 de noviembre, que se transmitirá en vivo por el canal de YouTube de Chrome Developers.
Lecturas adicionales
Esto solo abarca algunos de los aspectos más destacados. Consulta los vínculos que aparecen a continuación para ver los cambios adicionales en Chrome 78.
- Novedades de las Herramientas para desarrolladores de Chrome (78)
- Bajas y eliminaciones de Chrome 78
- Actualizaciones de ChromeStatus.com para Chrome 78
- Novedades de JavaScript en Chrome 78
- Lista de cambios del repositorio de código fuente de Chromium
Suscribirse
Si quieres mantenerte al tanto de nuestros videos, suscríbete a nuestro canal de YouTube de Chrome Developers, y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo o agregues nuestro feed RSS a tu lector de feeds.
Soy Pete LePage y, en cuanto se lance Chrome 79, estaré aquí para contarte las novedades.