Fecha de lanzamiento de la versión estable: 30 de junio de 2026
A menos que se indique lo contrario, los siguientes cambios se aplican a la versión del canal estable de Chrome 150 para Android, ChromeOS, Linux, macOS y Windows.
CSS y la IU
Colores del sistema AccentColor y AccentColorText
Los colores del sistema AccentColor y AccentColorText se pueden usar en CSS para acceder al color de los elementos destacados del sistema especificado en el dispositivo del usuario. Esto permite que los desarrolladores apliquen un diseño similar al de una app nativa a su contenido web en contextos en los que los usuarios esperan la integración del tema del SO, como una aplicación web instalada. Los usuarios deben estar en una aplicación web instalada en el perfil inicial para ver el color de los elementos destacados del sistema renderizado.
Error de seguimiento núm. 40229450 | Entrada de ChromeStatus.com | Especificación
Permite un parámetro de redondeo opcional para polygon()
Se agregó un parámetro opcional de redondeo de esquinas en la función de forma polygon() de CSS. Los desarrolladores pueden especificar un valor de longitud para redondear las esquinas de los polígonos sin calcular manualmente las curvas de Bézier.
Error de seguimiento núm. 329302249 | Entrada de ChromeStatus.com | Especificación
Animatable zoom
La propiedad zoom de CSS se puede animar y se interpola como un <number>.
Los desarrolladores pueden realizar transiciones y animar zoom para escalar elementos y su diseño de forma fluida, lo que complementa el escalamiento existente basado en transformaciones.
Error de seguimiento #393810951 | Entrada de ChromeStatus.com
Modificadores de solicitudes de CSS url()
Las funciones url() de CSS aceptan modificadores de solicitudes opcionales después de la cadena de URL entre comillas: cross-origin(), integrity() y referrer-policy(). Estos modificadores controlan el comportamiento de recuperación del recurso al que se hace referencia directamente desde CSS, sin necesidad de cambiar el lenguaje de marcado HTML ni JavaScript. Por ejemplo, background-image: url("image.png" cross-origin(anonymous)) recupera la imagen con el modo anónimo de CORS. Esto les brinda a los autores un control detallado sobre el acceso de origen cruzado, la integridad de los subrecursos y la política de URL de referencia para los recursos cargados con CSS, incluidas las imágenes, las fuentes, las referencias SVG y las hojas de estilo importadas.
Error de seguimiento núm. 435625756 | Entrada de ChromeStatus.com | Especificación
Propiedad text-fit de CSS
Ajusta el tamaño de la fuente de los nodos de texto para que se ajusten perfectamente al ancho de su cuadro contenedor.
Esta propiedad permite a los desarrolladores asegurarse de que los títulos o el contenido dinámico llenen el espacio horizontal disponible sin cálculos manuales del tamaño de la fuente ni soluciones complejas de JavaScript. Proporciona una solución sólida y nativa de CSS para la tipografía responsiva que mantiene la alineación visual en diferentes tamaños de pantalla y longitudes de texto variables.
Error de seguimiento núm. 417306102 | Entrada de ChromeStatus.com | Especificación
CSS background-clip: border-area
Implementa el valor border-area para la propiedad background-clip de CSS, como se define en CSS Backgrounds Level 4. background-clip: border-area recorta el fondo de un elemento en el área pintada por los trazos de su borde, teniendo en cuenta border-width y border-style, y, al mismo tiempo, ignorando la transparencia de border-color. Esto permite que los desarrolladores creen bordes de degradado sin border-image.
WebKit ya incluye esta función, y esta implementación lleva a Chromium a la paridad.
Error de seguimiento núm. 329302543 | Entrada de ChromeStatus.com | Especificación
Función image(<color>) de CSS
La función image() permite a los autores generar una imagen de color sólido a partir de cualquier color. Su sintaxis es la siguiente: image() = image( <color> )
Error de seguimiento núm. 510426954 | Entrada de ChromeStatus.com | Especificación
CSS light-dark() con valores de imagen
Extiende la función light-dark() de CSS para aceptar valores de imagen (url(), image-set(), none) en las hojas de estilo del autor, lo que permite que las propiedades de imagen como background-image, list-style-image, border-image-source, cursor y content cambien automáticamente entre imágenes según el esquema de color preferido del usuario. Anteriormente, esto solo se permitía en las hojas de estilo de UA. Esto se alinea con la especificación CSS Color 5 y coincide con la implementación existente de Firefox.
Error de seguimiento #491829958 | Entrada de ChromeStatus.com | Especificación
Consultas de contenedores separadas por comas
Admite varias búsquedas por regla de @container. La regla @container se aplica si coincide al menos una de las búsquedas.
Esto permite tener consultas alternativas para las funciones que no son compatibles con todos los navegadores.
Error de seguimiento núm. 41491726 | Entrada de ChromeStatus.com | Especificación
Cómo exponer áreas no imprimibles con CSS
Por lo general, las impresoras tienen un área pequeña en cada uno de los cuatro bordes de una hoja de papel que no pueden marcar de manera confiable, generalmente debido al mecanismo de manejo de papel de la impresora. Se espera que los márgenes de página predeterminados sean más grandes que estas áreas, pero si los autores establecen márgenes por su cuenta y hasta quieren agregar cuadros de márgenes @page (por ejemplo, para encabezados y pies de página personalizados), necesitan una forma de saber dónde es seguro imprimir y dónde no.
El descriptor de CSS page-margin-safety se puede usar para evitar esas áreas no imprimibles.
Error de seguimiento núm. 368070327 | Entrada de ChromeStatus.com | Especificación
flex-wrap: balance
flex-wrap: balance permite que los desarrolladores distribuyan el contenido entre las líneas flexibles para que parezca más equilibrado (similar a text-wrap: balance).
Error de seguimiento núm. 416755656 | Entrada de ChromeStatus.com | Especificación
Función named-feature() para CSS @supports
La función named-feature() permite que las reglas de @supports de CSS consulten un pequeño conjunto de funciones específicas con nombre que no se pueden probar con otros mecanismos de @supports, pero que se consideran muy valiosas para probar.
Error de seguimiento núm. 353715317 | Entrada de ChromeStatus.com | Especificación
overscroll-behavior: chain
overscroll-behavior ahora tiene los valores none, auto, contain y el nuevo valor chain. Estos valores afectan dos efectos independientes: la propagación del desplazamiento y el efecto de borde local (por ejemplo, el estiramiento por sobredesplazamiento).
none: Sin propagación, sin efecto localauto: Propagación, efecto localcontain: Sin propagación, efecto localchain: Propagación, sin efecto local
Error de seguimiento núm. 499018879 | Entrada de ChromeStatus.com | Especificación
Se admite path-length como propiedad de CSS.
Este cambio introduce una nueva propiedad de CSS, path-length, que se asigna al atributo de presentación pathLength de SVG existente. Se aplica a los elementos de geometría SVG que admiten pathLength (incluidos <path>, <circle>, <rect>, <line>, <polyline>, <polygon> y <ellipse>).
Error de seguimiento núm. 40670251 | Entrada de ChromeStatus.com | Especificación
DOM y HTML
Clona en todos los elementos selectedcontent descendientes
Se están realizando varios cambios pequeños en los casos extremos del elemento selectedcontent:
- Cuando se colocan varios elementos selectedcontent en un elemento select al mismo tiempo, todos se mantendrán actualizados en lugar de solo el primero en el orden del DOM.
- La actualización del elemento selectedcontent se aplaza cuando se ejecutaría durante los pasos de inserción, eliminación o movimiento para corregir problemas de seguridad. La actualización se aplaza con pasos posteriores a la inserción o microtareas.
Error de seguimiento núm. 458113204 | Entrada de ChromeStatus.com | Especificación
Focusgroup
Proporciona la capacidad de dar de forma declarativa a los widgets compuestos navegación con teclas de flecha, una parada de tabulación garantizada y memoria del último enfoque, lo que reemplaza a las secuencias de comandos de tabindex itinerantes codificadas manualmente. Ejemplo:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
Entrada de ChromeStatus.com | Especificación
Transmisión desordenada
Usa <template for> y rangos de instrucciones de procesamiento (<?marker>, <?start> y <?end>) para actualizar partes existentes del documento sin JS.
Error de seguimiento núm. 431374376 | Entrada de ChromeStatus.com | Especificación
Analiza las instrucciones de procesamiento en HTML
Las instrucciones de procesamiento (sintaxis: <?target data>) son una construcción DOM existente, expuesta en XML, que representa objetos de nodos que no son elementos, pero que pueden tener algún significado semántico para el procesamiento de un documento.
El analizador de HTML analiza las instrucciones de procesamiento y recibe una API de atributos similar a los elementos para mutar sus datos.
Error de seguimiento núm. 481087638 | Entrada de ChromeStatus.com | Especificación
Cambios en el comportamiento de popover=hint
Este cambio implementa un modelo de apilamiento revisado y simplificado para el atributo popover=hint y sus interacciones con popover=auto. Anteriormente, las interacciones entre estos dos tipos de ventanas emergentes podían ser complejas en algunas situaciones extremas (como anidar ventanas emergentes automáticas dentro de ventanas emergentes de sugerencias) y podían generar un comportamiento inesperado. Con el nuevo modelo, abrir una ventana emergente de sugerencia no cierra de forma involuntaria otras ventanas emergentes automáticas no relacionadas. Las ventanas emergentes de sugerencias solo se ocultan cuando se oculta su ventana emergente automática ancestral o cuando se abre una ventana emergente automática nueva no relacionada. Además, los desarrolladores pueden anidar de forma segura un elemento emergente automático dentro de un elemento emergente de sugerencia. En lugar de arrojar una excepción o interrumpir la pila, el elemento emergente automático anidado se "degrada" correctamente y se comporta como un elemento emergente de sugerencia.
Esto admite casos de uso, como colocar un customizable-select dentro de un popover=hint.
Para mejorar aún más la previsibilidad y evitar mutaciones de estado complejas, también estamos ajustando el comportamiento en torno a la apertura y el cierre de ventanas emergentes desde el evento beforetoggle. Antes, había protecciones para algunos, pero no todos, los casos posibles. Este cambio renueva el mecanismo que se usa para detectar estos casos, de modo que debería arrojar InvalidStateErrors de manera más confiable para todos los casos de este tipo. Esto garantiza que la administración del estado de la ventana emergente siga siendo estable y evita errores de reentrada en bucle.
Error de seguimiento núm. 499019927 | Entrada de ChromeStatus.com | Especificación
Promesas de desplazamiento programáticas
Esta función proporciona un indicador confiable del estado de finalización de un desplazamiento suave programático. Todos los métodos de desplazamiento en Element y Window devuelven objetos Promise que se resuelven cuando se completa el desplazamiento. El valor resuelto indica si el desplazamiento se interrumpió o no.
Error de seguimiento núm. 41406914 | Entrada de ChromeStatus.com | Especificación
Gráficos y contenido multimedia
Inhabilita los filtros SVG en complementos y en iframes
Chrome 150 impedirá que se apliquen filtros SVG a complementos incorporados (por ejemplo, archivos PDF) y a iframes de origen cruzado o restringidos (por ejemplo, iframes en zona de pruebas). Cuando se pinta un complemento o iframe con un efecto de filtro SVG, se recorre el árbol de efectos para encontrar el ancestro más alto sin filtros SVG y, luego, se aplica ese efecto.
Error de seguimiento núm. 476646486 | Entrada de ChromeStatus.com | Especificación
WebGPU: Inmediatos
Se agrega un nuevo espacio de direcciones inmediato en WGSL y un método setImmediateData() en los codificadores de pases de renderización, pases de procesamiento y paquetes de renderización que permite a los desarrolladores pasar pequeñas cantidades de datos actualizados con frecuencia directamente a los sombreadores sin crear objetos de búfer de GPU ni grupos de vinculación.
Error de seguimiento núm. 366291600 | Entrada de ChromeStatus.com | Especificación
Seguridad y Web Speech
Origen opaco para URLs de data:
Chrome 150 actualiza la forma en que los Workers dedicados y compartidos manejan las URLs de data:. En lugar de heredar automáticamente el origen de seguridad de la secuencia de comandos o la página que los creó, a estos Workers se les asigna un origen opaco único.
Esta alineación con la especificación HTML del Worker mejora la seguridad, ya que aísla a estos Workers del estado de mismo origen del creador, lo que les impide acceder a datos sensibles con mecanismos como BroadcastChannel o el almacenamiento de mismo origen. Para mantener los límites de aislamiento correctos, estos trabajadores aún residen en la misma partición de almacenamiento (por ejemplo, conservando el sitio de nivel superior o el nonce) que su creador.
Error de seguimiento núm. 40051700 | Entrada de ChromeStatus.com | Especificación
API de Web Speech: Calidad del reconocimiento en el dispositivo
Extiende la interfaz SpeechRecognition agregando una propiedad quality a SpeechRecognitionOptions. Esto permite a los desarrolladores especificar la capacidad semántica requerida para el reconocimiento integrado en el dispositivo (con processLocally: true).
El enum de calidad propuesto admite tres niveles: command, dictation y conversation. Estos se correlacionan con el aumento de la complejidad de las tareas y los requisitos de hardware.
Esto permite que los desarrolladores determinen si el dispositivo local puede controlar casos de uso de alto riesgo (como la transcripción de reuniones) o si deben recurrir a los servicios en la nube.
Error de seguimiento núm. 476168420 | Entrada de ChromeStatus.com | Especificación
Apps web
Migración del origen de PWA
Cuando un usuario instala una app web progresiva (PWA), su identidad y contexto de seguridad están estrechamente vinculados a su origen web, por ejemplo, app.example.com.
Esto representa un desafío importante para los desarrolladores que necesitan cambiar el origen de su AWP debido a cambios técnicos, de reestructuración del dominio o de cambio de la marca. Sin la migración de origen, este cambio obliga a los usuarios a desinstalar manualmente la app anterior y volver a instalar la nueva, lo que genera una experiencia disruptiva y un posible aumento en la tasa de pérdida de usuarios. Chrome 150 presenta un mecanismo para que los desarrolladores migren sin problemas una AWP instalada a un origen nuevo del mismo sitio, lo que preserva la confianza y los permisos del usuario.
La política WebAppInstallForceList bloquea la migración. Dado que las políticas empresariales en torno a las aplicaciones web se basan principalmente en URLs y orígenes, existe el riesgo de que una migración omita ciertas políticas que un administrador podría haber configurado. No se ofrecerá ninguna migración al usuario cuando el administrador de la empresa fuerce la instalación de una app. En su lugar, se mostrará un banner que le explique esto al usuario.
Error de seguimiento núm. 396504527 | Entrada de ChromeStatus.com | Especificación
Pruebas de origen
Protocolo de verificación de correo electrónico
El EVP (protocolo de verificación por correo electrónico) ayuda a los usuarios a crear, acceder y recuperar cuentas, ya que proporciona pruebas criptográficas de propiedad sin problemas en lugar de OTP por correo electrónico de forma manual.
Prueba de origen | Entrada de ChromeStatus.com | Especificación
Medición de la carga especulativa
Exponer los datos de medición relacionados con las cargas especulativas (precargas, captaciones previas y renderizaciones previas) como parte de un método performance.getSpeculations() recién expuesto
Esto permitiría a los desarrolladores medir la eficacia de varias estrategias de carga especulativa y adaptarlas según corresponda.
Prueba de origen | Error de seguimiento núm. 481590676 | Entrada de ChromeStatus.com
WebRTC API de Logging de diagnóstico
Es la API para el registro de diagnóstico de WebRTC.
Esta API permite que una aplicación habilite el registro de diagnóstico. Estos registros contienen información sobre la actividad de WebRTC de la aplicación y son útiles para la depuración local o para registrar errores.
Los registros se pueden subir de forma opcional fuera de banda al proveedor del navegador y se pueden usar para diagnosticar errores. La aplicación obtiene un ID que se puede adjuntar a un informe de errores, de manera similar a las fallas.
Los registros de diagnóstico se habilitan con una política empresarial llamada WebRtcDiagnosticLogCollectionAllowedForOrigins.
Prueba de origen | Error de seguimiento núm. 481412281 | Entrada de ChromeStatus.com | Especificación
Bajas y eliminaciones
No hay bajas ni eliminaciones en esta versión.