Novedades de Chrome 70

En Chrome 70, agregamos compatibilidad con lo siguiente:

Además, hay mucho más.

Soy Pete LePage. Veamos las novedades para desarrolladores de Chrome 70.

¿Quieres ver la lista completa de cambios? Consulta la lista de cambios del repositorio de código fuente de Chromium.

Apps web progresivas para computadoras de escritorio en Windows y Linux

Los usuarios ahora pueden instalar apps 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 garantizan que sean rápidos y confiables, y la experiencia de la ventana de la app los hace sentir como cualquier otra app instalada.

Empezar no es diferente de lo que estás haciendo hoy. Aún se aplica todo el trabajo que hiciste para tu app web progresiva existente. Si tu app cumple con los criterios de AWP estándares, Chrome activará el evento beforeinstallprompt. Guarda el evento y, luego, agrega IU (como un botón para instalar la app) a fin de indicarle al usuario que se puede instalar la app. 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ú Inicio y al escritorio.

Consulta mi publicación sobre las AWP de escritorio para obtener todos los detalles.

API de Credential Management: Credenciales de clave pública

La API de Credential Management facilita el acceso a los usuarios. Permite que tu sitio interactúe con el administrador de credenciales del navegador o con los servicios de cuentas federadas, como Google y Facebook.

En Chrome 70, se agrega compatibilidad con un tercer tipo de credencial: la credencial de clave pública, que permite que las aplicaciones web creen y usen credenciales seguras, con autocertificación y con alcance de aplicación para autenticar a los usuarios de forma sólida.

Me entusiasma 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 mejor seguridad en la Web.

Consulta los documentos de la API de Credential Management para obtener más detalles o pruébala con la demostración de WebAuthn y cómo puedes comenzar.

Llamado workers

Los Workers son una manera fácil de quitar JavaScript del subproceso principal y colocarlo en segundo plano. Esto es fundamental para que tu sitio sea interactivo, ya que significa que el subproceso principal no se bloqueará cuando ejecute un procesamiento de JavaScript costoso o complejo.

Sin WebWorkers

Subproceso principal
Ejecutar mucho JavaScript, lo que resulta en una experiencia lenta y problemática.

Con WebWorkers

Subproceso principal
No se ejecuta demasiado JavaScript, lo que genera una experiencia rápida y fluida.
WebWorker
La ejecución excesiva de JavaScript no afecta el subproceso principal.

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 trabajadores dedicados por name cuando tienes varios trabajadores con la misma URL. También puedes imprimir el nombre en la consola de Herramientas para desarrolladores, lo que facilita saber qué trabajador estás depurando.

La asignación de nombres 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 mucho más.

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.

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