Novedades de Chrome 120

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Profundicemos y 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,con un mecanismo coherente para hacerlo. Esos mecanismos se denominan solicitudes de cierre y, 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 manera de manejar las solicitudes cerradas para sus propios componentes. Esto es particularmente problemático en dispositivos Android, en los que proporcionar el comportamiento de cierre simple para el gesto de retroceso es bastante complejo.

Chrome 120 ofrece la solución con CloseWatcher, una nueva API para escuchar de forma directa 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.

Para probarla, mira la demostración de la API de CloseWatcher.

<details> atributo de nombre

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

Varios elementos <details> que tienen el mismo name forman un grupo. Con esta configuración, se puede abrir, como máximo, un elemento de ese grupo 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 incumplimiento de políticas 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 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 API de Permissions Policy 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. Esto permite a los propietarios de los sitios saber 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 anidación 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.

  • 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 a continuación cambios adicionales en Chrome 120.

Suscribirse

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