Adiciones a la API de Screen Capture, interpolación de propiedades de la 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 que se enumeran aquí a través de los vínculos proporcionados o de la lista en ChromeStatus.com. Chrome 107 está beta desde el 29 de septiembre de 2022. Puedes descargar la versión más reciente en Google.com para computadoras o desde 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 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 realizar una transición fluida entre estados, en lugar de ajustarse en el punto intermedio de una animación o transición.
Controles para compartir pantalla que preservan la privacidad
La API de Screen Capture incorpora adiciones a las API de Media Capture y Streams existentes para permitir que el usuario seleccione una pantalla o parte de ella (como una ventana) para capturarla como una transmisión de contenido multimedia. Esta transmisión puede grabarse o compartirse con otras personas a través de la red. En esta versión beta, se agregan algunas funciones nuevas a esta API.
DisplayMediaStreamConstraints.selfBrowserSurface
Sugerencia que permite que las aplicaciones web indiquen al navegador si, después de llamar a getDisplayMedia()
, la pestaña actual debe excluirse de la lista de pestañas que se ofrecen al usuario.
Esto ayuda a evitar la captura personal accidental. Cuando los usuarios eligen accidentalmente la pestaña en la que se ejecuta la app, se produce un efecto de salón de espejos, lo que confunde a los usuarios y desvía las conversaciones con los usuarios remotos.
DisplayMediaStreamConstraints.surfaceSwitching
Agrega una opción para controlar de manera programática si Chrome muestra un botón para cambiar de pestaña cuando se comparte la pantalla. Esta opción se pasará a navigator.mediaDevices.getDisplayMedia()
.
El botón Compartir esta pestaña en su lugar les permite a los usuarios cambiar fácilmente la pestaña que comparten, sin tener que seleccionar la pestaña de videoconferencia nuevamente, hacer clic en un botón para volver a iniciar getDisplayMedia()
ni seleccionar una pestaña nueva de una larga lista de pestañas. Este comportamiento se expone de forma condicional porque no todas las aplicaciones web pueden controlarlo.
MediaTrackConstraintSet.displaySurface
Cuando se llama a getDisplayMedia()
, el navegador le ofrece al usuario la opción de distintas plataformas de visualización: pestañas, ventanas o monitores. Mediante la restricción de displaySurface, la aplicación web ahora puede sugerirle al navegador si prefiere que se ofrezca al usuario un determinado tipo de superficie de forma más prominente.
Descubre cómo te ayudarán estas funciones a evitar compartir en exceso por accidente.
Estado de bloqueo de la renderización en Resource Timing
Agrega un campo a PerfomanceResourceTiming
para indicar el estado de bloqueo de la renderización de un recurso. Actualmente, desde la perspectiva del desarrollador, la única manera de determinar qué recursos realmente bloquearon la renderización es basarse en heurísticas complejas. En cambio, el nuevo campo proporcionará una señal directa sobre lo mismo.
Comodines en los orígenes de las políticas de permisos
Esta función agrega compatibilidad con comodines en una 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 la sección de esquema y puerto, y https://*.foo.com/
no delega a https://foo.com/
. Antes, una política de permisos debía 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 de 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 tenía 2 pruebas de origen nuevas.
API de PendingBeacon declarativa
Una API de baliza con estado que permite al navegador controlar cuándo se envían las balizas. Una baliza es un paquete de datos que se envía a un servidor de backend, sin esperar una respuesta en particular. A menudo es conveniente enviarlos al final de la visita de un usuario a una página, pero no hay un buen momento para ese "envío". que se realice. Esta API delega el envío al navegador, por lo que puede admitir píxeles contadores en la descarga de páginas o en la ocultación de la página, sin que el desarrollador tenga que implementar llamadas de envío en los momentos exactos.
Se espera que esta prueba se ejecute hasta Chrome 109. Regístrate en la prueba aquí.
Política de permisos: descargar
Esta función permite que las páginas inhabiliten la ejecución de controladores de eventos de descarga. El objetivo es permitir a los sitios que hayan quitado todos los controladores de descarga para asegurarse de no agregar de manera accidental otros nuevos. 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 se ejecute hasta Chrome 109. Regístrate en la prueba aquí.
Bajas y eliminaciones
Esta versión de Chrome incluye las bajas y las eliminaciones que se indican a continuación. Visita ChromeStatus.com para consultar las listas de bajas planificadas, bajas actuales y eliminaciones anteriores.
Esta versión de Chrome da de baja una función.
CT previsto
Expect-CT
es un encabezado HTTP que permitía a los sitios web habilitar la aplicación forzosa del Certificado de transparencia antes de que se aplicara de forma predeterminada. También tiene la funcionalidad de informes para ayudar a los desarrolladores a descubrir parámetros de configuración incorrectos de CT.
El encabezado HTTP Expect-CT
se diseñó para facilitar la transición a la aplicación forzosa del Certificado de Transparencia (CT) universal, ya que permite que los sitios web de alto valor habiliten la aplicación del Certificado de Transparencia o la generación de informes para mejorar la seguridad antes de que Chrome requiera esa aplicación en todos los sitios web públicos. Sin embargo, Expect-CT
dejó de ser útil. Ahora, Chrome requiere el seguimiento de conversiones en todos los sitios web públicos, por lo que ya no se asigna un valor de seguridad a Expect-CT
. Ningún otro navegador implementó Expect-CT
, por lo que quitarlo no es un problema de interoperabilidad.