Novedades de Chrome 58

Pete LePage

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

Soy Pete LePage. Veamos 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 cambiarla. IndexedDB 2.0 cambia esto.

  • Ahora se puede cambiar el nombre de los almacenes object y indexes de forma local después de una refactorización.
  • Las claves binarias permiten claves más naturales sin preocuparte 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 enteros ya no necesita un cursor con getAll() y getAllKey().

Apps web progresivas en 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 el cuadro multifunción. Esto ayuda a crear una experiencia del usuario atractiva y libera espacio de 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 consumir píxeles valiosos que tal vez desees.

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

Una AWP iniciada desde la pantalla principal (izquierda), iniciada desde la pantalla principal en modo standalone (centro) y desde la pantalla principal en modo fullscreen (derecha).

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 el iframe de la zona de pruebas

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

Cuando se activa a través de una interacción del usuario, esta palabra clave permite que los iframes de la zona de pruebas naveguen por la página de nivel superior y, al mismo tiempo, bloquee los redireccionamientos automáticos.

Y mucho más.

Y, por supuesto, hay mucho más.

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

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

Si te gustó este video, consulta Designer vs. Developer, una nueva serie de videos que trata de 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 apenas se lance Chrome 59, estaré aquí para contarte las novedades de Chrome.