En Chrome 70, agregamos compatibilidad con lo siguiente:
- Apps web progresivas para computadoras de escritorio en Windows y Linux.
- La API de administración de credenciales agrega compatibilidad con las credenciales de clave pública.
- Además, ahora puedes asignar nombres a los trabajadores.
¡Y hay mucho más!
Soy Pete LePage. Profundicemos y veamos las novedades para los desarrolladores en Chrome 70.
¿Quieres ver la lista completa de cambios? Consulta la lista de cambios del repositorio de código fuente de Chromium.
Aplicaciones web progresivas para computadoras de escritorio en Windows y Linux
Los usuarios ahora pueden instalar aplicaciones web progresivas para computadoras de escritorio en Windows y Linux.
Una vez instaladas, se inician desde el menú Inicio y se ejecutan como todas las demás apps instaladas, sin barra de direcciones ni pestañas. Los service workers se aseguran de que sean rápidos y confiables, y la experiencia de la ventana de la app los hace sentir como cualquier otra app instalada.
El proceso de comenzar no es diferente de lo que ya haces hoy.
Todo el trabajo que realizaste para tu app web progresiva existente sigue aplicándose.
Si tu app cumple con los criterios de AWP estándar, Chrome activará el evento beforeinstallprompt
. Guarda el evento y, luego, agrega una IU (como un botón para instalar la app) para indicarle al usuario que puede instalarla. Luego, cuando el usuario haga clic en el botón, llama a prompt()
en el evento guardado. Chrome le mostrará el mensaje al usuario. Si hace clic en Agregar, Chrome agregará la AWP al menú de inicio y al escritorio.
Consulta mi publicación sobre AWP para computadoras para obtener todos los detalles.
API de Credential Management: Credenciales de clave pública
La API de Credential Management hace que el acceso sea muy sencillo para los usuarios. Permite que tu sitio interactúe con el administrador de credenciales del navegador o los servicios de cuentas federadas, como Google y Facebook, para acceder.
Chrome 70 agrega compatibilidad con un tercer tipo de credencial: la credencial de clave pública, que permite que las aplicaciones web creen y usen credenciales sólidas, certificadas criptográficamente y centradas en la aplicación para autenticar a los usuarios de forma segura.
Me entusiasma mucho porque permite que los sitios usen mi huella dactilar para la autenticación de 2 factores. Sin embargo, también agrega compatibilidad con tipos adicionales de llaves de seguridad y una mejor seguridad en la Web.
Consulta los documentos de la API de Credential Management para obtener más información o pruébala con la demostración de WebAuthn y cómo comenzar.
Llamada workers
Los trabajadores son una forma fácil de mover JavaScript fuera del subproceso principal y hacia segundo plano. Esto es fundamental para mantener la interactividad de tu sitio, ya que significa que el subproceso principal no se bloqueará cuando ejecute una operación de JavaScript costosa o compleja.
Sin WebWorkers
Con WebWorkers
En Chrome 70, los trabajadores ahora tienen un atributo name
, que se especifica con un argumento opcional en el constructor.
const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);
Esto te permite distinguir los trabajadores dedicados por name
cuando tienes varios trabajadores con la misma URL. También puedes imprimir el nombre en la consola de DevTools, lo que facilita mucho saber qué trabajador estás depurando.
La asignación de nombres a los trabajadores ya está disponible en Firefox, Edge y Safari. Consulta la discusión en GitHub para obtener más detalles.
Y mucho más.
Estos son solo algunos de los cambios en Chrome 70 para desarrolladores, por supuesto, hay muchos más.
- Bluetooth web ahora está disponible en Windows 10 y permite que tu sitio se comunique con dispositivos Bluetooth cercanos seleccionados por el usuario de forma segura y que preserve la privacidad.
- Chrome puede enviar mensajes de intervención y baja a tus servidores mediante el campo del encabezado de respuesta
Report-To HTTP
o mostrarlos en la interfazReportingObserver
. - Hay varias bajas importantes que debes conocer. Consulta la publicación Bajas y eliminaciones en Chrome 70 para obtener más detalles.
- Además, asegúrate de consultar la entrada más reciente de Novedades de DevTools para conocer las novedades de las Herramientas para desarrolladores de Chrome.
Suscribirse
Si quieres mantenerte al tanto de nuestros videos, suscríbete a nuestro canal de YouTube de Desarrolladores de Chrome 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 71, estaré aquí para contarte las novedades.