Novedades de Chrome 120

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Veamos 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 y cuentan con un mecanismo coherente para hacerlo. Estos mecanismos se denominan solicitudes de cierre y suelen ser la tecla ESC en plataformas de escritorio y el gesto o botón Atrás en Android.

Los desarrolladores web no tenían una buena manera de manejar las solicitudes de cierre para sus propios componentes. Esto resulta particularmente problemático en dispositivos Android, en los 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 las solicitudes de cierre y responder a ellas. 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 para el elemento <details> facilita la implementación del patrón de acordeón usando una secuencia de elementos HTML <details>.

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

A continuación, se muestra 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

Ahora están disponibles los informes de incumplimiento de política de permisos. Estos informes integran la API de Permissions Policy, que permite a los desarrolladores controlar las funciones del navegador disponibles para una página, sus iframes y subrecursos declarando un conjunto de políticas para que el navegador las aplique con la API de Reporting. La API de Reporting proporciona un mecanismo genérico de generación de informes 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 Permissions Policy y la API de Reporting permite a los desarrolladores web configurar extremos a los que se enviarán 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 sobre la implementación.

Y mucho más.

Por supuesto que hay mucho más.

  • La implementación de anidamiento de CSS relajado 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 documento.

  • Te recordamos que Chrome está trabajando para dar de baja las cookies de terceros. En enero, se inicia un experimento que podría afectar a tu sitio web, por lo que es importante que marques la casilla Prepararse para el fin de las cookies de terceros con el objetivo de auditar y mitigar los pasos.

Lecturas adicionales

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

Suscribirse

Para mantenerte al día, suscríbete al canal de YouTube de Chrome Developers. 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 y, apenas se lance Chrome 121, estaré aquí para contarte las novedades de Chrome.