Novedades de Chrome 58

Pete LePage

• El estándar IndexedDB 2.0 ahora es totalmente compatible con Chrome y cuenta con una nueva administración de esquemas, métodos de acción masiva y un manejo más estandarizado de las fallas.
• Las apps web progresivas se vuelven más envolventes con display: fullscreen.
• allow-top-navigation-by-user-activation le otorga nuevos poderes a iframes en la zona de pruebas
• ¡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. Comencemos a ver las novedades para desarrolladores en Chrome 58.

IndexedDB 2.0

La estructura de la base de datos de tu sitio tiene grandes impactos en el rendimiento y puede ser difícil de cambiar. IndexedDB 2.0 cambia eso.

• Las tiendas object y indexes ahora pueden cambiar de nombre en su lugar después de una refactorización.
• Las claves binarias permiten claves más naturales sin preocuparse por las penalizaciones de rendimiento.
• La recuperación de datos es más fácil con los métodos getKey(), openKeyCursor() y continuePrimaryKey().

Además, la recuperación masiva de conjuntos de datos completos ya no necesita un cursor con getAll() y getAllKey().

Apps web progresivas de pantalla completa

Cuando las apps web progresivas se inician desde la pantalla principal de Android, se inician en un modo independiente similar a una app que oculta la barra omni. Esto ayuda a crear una experiencia del usuario atractiva y libera espacio en la pantalla para el contenido.

Sin embargo, para experiencias aún más envolventes, como juegos, reproductores de video o cualquier otro contenido enriquecido, los elementos de la IU para dispositivos móviles, como las barras del sistema, pueden ser una distracción y ocupar píxeles valiosos que podrías querer usar.

Ahora puedes hacer que tu app web progresiva se sienta completamente envolvente configurando display: fullscreen en el manifiesto de la app web.

Cuando se inicie la app desde la pantalla principal, se ocultarán todos los elementos de la IU para dispositivos móviles que no sean de la app.

Mejoras en los iframes de zona de pruebas

Chrome 58 ahora admite la nueva palabra clave de zona de pruebas de iframe allow-top-navigation-by-user-activation.

Cuando se activa por una interacción del usuario, esta palabra clave les brinda a los iframes en zona de pruebas la posibilidad de navegar por la página de nivel superior y, al mismo tiempo, bloquear los redireccionamientos automáticos.

Y mucho más.

Y, por supuesto, hay mucho más.

• Dile adiós al hack de clearfix. En lugar de restablecer manualmente varias propiedades de diseño, como flotante y claro, ahora puedes agregar un nuevo contexto de formato de bloque con display: flow-root.
• PointerEvents.getCoalescedEvents() te permite acceder a todos los eventos de entrada desde la última vez que se entregó un PointerEvent. Es ideal cuando necesitas un historial preciso de puntos para elementos como apps de dibujo.
• Además, Workers y SharedWorkers ahora se pueden crear con URLs data:, lo que hace que el desarrollo con Workers sea más seguro, ya que les proporciona un origen opaco.

Estos son solo algunos de los cambios en Chrome 58 para desarrolladores.

Si te gustó este video, consulta Diseñador contra desarrollador, una nueva serie de videos que intenta resolver los desafíos que enfrentan los diseñadores y los desarrolladores cuando trabajan juntos.

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 59, estaré aquí para contarte las novedades.