Novedades de Chrome 120

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Analicemos las novedades para desarrolladores en Chrome 120.

API de CloseWatcher.

Una característica importante de los componentes modales o emergentes es que son fáciles de cerrar,con un mecanismo coherente para hacerlo. Esos mecanismos se denominan solicitudes de cierre, por lo general, son la clave ESC en plataformas de escritorio y el gesto o botón de retroceso en Android.

Los desarrolladores web no tenían una buena forma de controlar las solicitudes de cierre de sus propios componentes. Esto es especialmente problemático en dispositivos Android, ya que proporcionar el comportamiento de cierre simple para el gesto atrás es bastante complejo.

Chrome 120 ofrece la solución con CloseWatcher, una nueva API para escuchar directamente y responder solicitudes de cierre. También incluye actualizaciones a <dialog> y popover="" para usar el nuevo framework de solicitud de cierre, de modo que respondan al botón Atrás de Android.

Consulta la demostración de la API de CloseWatcher para probarla.

Atributo de nombre <details>

El atributo name del elemento <details> facilita la implementación del patrón de acordeón con una secuencia de elementos HTML <details>.

Varios elementos <details> que tienen el mismo name forman un grupo. Con esta configuración, se puede abrir un elemento de ese grupo como máximo a la vez.

Este es un ejemplo con un grupo que comparte el nombre cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Informes de incumplimiento de la política de permisos

Ya están disponibles los informes de incumplimientos de la política de permisos, que integran la API de la política de permisos que permite a los desarrolladores controlar las funciones del navegador disponibles para una página, sus iframes y subrecursos, mediante la declaración de un conjunto de políticas para que el navegador las aplique con la API de informes. La API de Reporting proporciona un mecanismo de generación de informes genérico para que las aplicaciones web lo usen para hacer que los informes estén disponibles en función de varias funciones de la plataforma.

Esta integración de la API de la Política de Permisos y la API de Reporting permite a los desarrolladores web configurar extremos a los que se enviarán los informes de incumplimiento de la política de permisos, lo que permite a los propietarios de sitios ver cuándo se solicitan funciones no permitidas para sus páginas en el campo.

Cómo controlar las funciones del navegador con la Política de Permisos incluye más detalles de implementación.

Y mucho más.

Por supuesto, hay mucho más.

  • La implementación de anidamiento de CSS relajada permite que las reglas de estilo anidadas comiencen con un elemento, en lugar de unirse con is() o requerir un signo et al principio.

  • Con la acción enterpictureinpicture en la API de Media Session, los sitios web pueden registrar un controlador de acciones que se puede usar para abrir una ventana de pantalla en pantalla o de pantalla en pantalla en un documento.

  • Además, te recordamos que Chrome está trabajando para dar de baja las cookies de terceros. En enero, comienza un experimento que podría afectar a tu sitio web, por lo que es importante que revises el artículo Prepárate para el fin de las cookies de terceros con fines de auditoría y mitigación.

Lecturas adicionales

Esto abarca solo algunos aspectos destacados. Consulta los vínculos que aparecen a continuación para ver cambios adicionales en Chrome 120.

Suscribirse

Para mantenerte al tanto, suscríbete al canal de YouTube de Chrome Developers y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Adriana Jara. Nuestro equipo te desea felices fiestas. En cuanto se lance Chrome 121, estaré aquí para contarte las novedades.