adiciones a la API de Screen Capture, interpolación de propiedades de plantillas de cuadrícula de CSS y mucho más.
A menos que se indique lo contrario, los cambios que se describen a continuación se aplican a la versión más reciente del canal beta de Chrome para Android, ChromeOS, Linux, macOS y Windows. Obtén más información sobre las funciones mencionadas aquí a través de los vínculos proporcionados o en la lista en ChromeStatus.com. Chrome 107 está en versión beta a partir del 29 de septiembre de 2022. Puedes descargar la versión más reciente en Google.com para computadoras de escritorio o en Google Play Store para Android.
Interpolación de propiedades grid-template de CSS
En la cuadrícula de CSS, las propiedades grid-template-columns y grid-template-rows permiten a los desarrolladores definir nombres de líneas y realizar un seguimiento del tamaño de las columnas y las filas de la cuadrícula, respectivamente. Gracias a nuestros colaboradores de Microsoft, ahora admitimos la interpolación para estas propiedades. Los diseños de cuadrícula ahora pueden hacer una transición fluida entre estados, en lugar de ajustarse en el punto medio de una animación o transición.
Controles de uso compartido de pantalla que preservan la privacidad
La API de Screen Capture incorpora adiciones a las APIs existentes de Media Capture y Streams para permitir que el usuario seleccione una pantalla o parte de ella (como una ventana) para capturarla como una transmisión multimedia. Puedes grabar o compartir esta transmisión con otras personas a través de la red. En esta versión beta, se agregan algunas funciones nuevas a la API.
DisplayMediaStreamConstraints.selfBrowserSurface
Sugerencia que permite que las aplicaciones web le indiquen al navegador si, al llamar a getDisplayMedia(), la pestaña actual debe excluirse de la lista de pestañas que se ofrece al usuario.
Esto ayuda a evitar la autocaptura accidental, cuando los usuarios eligen accidentalmente la pestaña en la que se está ejecutando la app, se produce un efecto Hall of-Mirrors, lo que confunde a los usuarios y derriba las conversaciones con los usuarios remotos.
DisplayMediaStreamConstraints.surfaceSwitching
Se agregó una opción para controlar de forma programática si Chrome muestra un botón para cambiar de pestaña mientras se comparte la pantalla. Esta opción se pasará a navigator.mediaDevices.getDisplayMedia().
En cambio, el botón Compartir esta pestaña permite a los usuarios cambiar fácilmente la pestaña que están compartiendo, sin tener que volver a seleccionar la pestaña de videoconferencia, hacer clic en un botón para volver a iniciar getDisplayMedia() o seleccionar una nueva pestaña de una larga lista de pestañas. Este comportamiento se expone condicionalmente porque no todas las aplicaciones web pueden controlarlo.
MediaTrackConstraintSet.displaySurface
Cuando se llama a getDisplayMedia(), el navegador le ofrece al usuario la posibilidad de elegir entre distintas superficies de visualización: pestañas, ventanas o monitores. Con la restricción displaySurface, la aplicación web puede sugerir al navegador si prefiere que cierto tipo de plataforma se ofrezca de forma más destacada al usuario.
Estado de bloqueo de la renderización en Resource Timing
Agrega un campo a PerfomanceResourceTiming para indicar el estado que bloquea la renderización de un recurso. Actualmente, desde la perspectiva de un desarrollador, la única forma de determinar qué recursos realmente bloqueaban la representación es basarse en heurísticas complejas. En cambio, el campo nuevo proporcionará una señal directa sobre lo mismo.
Comodines en los orígenes de la política de permisos
Esta función agrega compatibilidad con comodines en la política de permisos estructurada como SCHEME://*.HOST:PORT (por ejemplo, https://*.foo.com/), donde se podría construir un origen válido a partir de SCHEME://HOST:PORT (por ejemplo, https://foo.com/). Esto requiere que HOST sea al menos eTLD+1 (un dominio registrable). Esto significa que https://*.bar.foo.com/ funciona, pero https://*.com/ no. No se admitirán los comodines en el esquema y la sección del puerto, y https://*.foo.com/ no se delega a https://foo.com/. Antes, una política de permisos tenía que verse de la siguiente manera:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")
Con esta función, puedes usar lo siguiente:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")
Admite el atributo rel en elementos <form>
Esta función agrega el atributo rel a los elementos del formulario, lo que permite evitar que window.opener esté presente en los sitios web a los que se navega por los elementos del formulario que tienen rel=noopener y evita que el encabezado de referencia se envíe con rel=noreferrer.
Pruebas de origen
Esta versión de Chrome tuvo 2 pruebas de origen nuevas.
API de PendingBeacon declarativa
Una API de baliza con estado que le permite al navegador controlar cuándo se envían las balizas. Un contador es un conjunto de datos que se envía a un servidor de backend, sin esperar una respuesta en particular. Por lo general, se recomienda enviarlos al final de la visita de un usuario a una página, pero no hay un buen momento para que se realice esa llamada de "enviar". Esta API delega el envío al navegador, por lo que puede admitir balizas en la descarga de páginas o en la ocultación de página, sin que el desarrollador tenga que implementar llamadas de envío en los momentos precisos.
Se espera que esta prueba esté activa hasta Chrome 109. Regístrate para obtener la prueba aquí.
Política de Permisos: descargar
Esta función permite que las páginas inhabiliten la ejecución de los controladores de eventos de descarga. El objetivo es permitir que los sitios que hayan quitado todos los controladores de descarga se aseguren de no agregar otros nuevos por accidente. Esto ayudará a los sitios a migrar de los controladores de eventos de descarga y, por lo tanto, mejorar la tasa de aciertos de BFCache.
Se espera que esta prueba esté activa hasta Chrome 109. Regístrate para obtener la prueba aquí.
Bajas y eliminaciones
Esta versión de Chrome presenta las bajas y las eliminaciones que se indican a continuación. Visita ChromeStatus.com para ver una lista de las bajas planificadas, las bajas actuales y las eliminaciones anteriores.
En esta versión de Chrome, una función deja de estar disponible.
Expectativa de CT
Expect-CT es un encabezado HTTP que permitía a los sitios web aceptar la aplicación forzosa del Certificado de transparencia antes de que se aplicara de forma predeterminada. También tiene una funcionalidad de informes para ayudar a los desarrolladores a descubrir parámetros de configuración incorrectos del CT.
El encabezado HTTP Expect-CT se diseñó para ayudar con la transición a la aplicación forzosa del Certificado de Transparencia (CT), ya que permite que los sitios web de alto valor acepten la aplicación del Certificado de Transparencia o los informes para obtener una mejor seguridad antes de que Chrome exija la aplicación del Certificado de Transparencia en todos los sitios web públicos. Sin embargo, Expect-CT ya no es útil. Ahora, Chrome requiere el CT en todos los sitios web públicos, por lo que Expect-CT ya no tiene valor de seguridad. Ningún otro navegador implementó Expect-CT, por lo que quitarlo no es un problema de interoperabilidad.