Novedades de Herramientas para desarrolladores (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Se mejoró la sección @property en Elements > Styles

Regla @property editable

Ahora puedes editar la regla @ CSS @property en la sección correspondiente del panel Elements > Styles.

El antes y el después de hacer que la regla de propiedad sea editable.

Error de Chromium: 1471123.

Se informan los problemas relacionados con las reglas @property no válidas

En la pestaña Problemas, ahora se registran problemas relacionados con declaraciones no válidas en las reglas @property.

Es un problema con la regla de propiedad que se informó en la pestaña Issues.

Error de Chromium: 1473283.

Se actualizó la lista de dispositivos para emular

Las cadenas de usuario-agente en Configuración. Configuración > Dispositivos se actualizaron para reflejar el uso promedio de navegadores y sistemas operativos. Ahora puedes emular más dispositivos actualizados en el modo de dispositivo.

Antes y después de actualizar la lista de dispositivos.

Error de Chromium: 1479733.

Impresión legible de JSON intercalado en etiquetas de secuencia de comandos en Sources

El panel Fuentes ahora admite la impresión de JSON intercalado en etiquetas HTML <script> para facilitar la depuración.

El JSON intercalado con impresión con formato antes y después en la etiqueta de secuencia de comandos.

Problemas de Chromium: 406900, 1473875.

Autocompletar campos privados en la consola

Ahora puedes autocompletar campos de clase privados cuando los evalúas fuera del alcance de la clase en la consola.

El antes y el después admiten la autocompletar para el campo de clase privada fuera del alcance de la clase.

Problemas de Chromium: 1483848 y 1381806.

Lighthouse 11.1.0

El panel Lighthouse ahora ejecuta Lighthouse 11.1.0. Consulta la lista completa de cambios.

Para conocer los conceptos básicos del uso del panel Lighthouse en las Herramientas para desarrolladores, consulta Lighthouse: Optimiza la velocidad del sitio web.

Error de Chromium: 772558.

Mejoras de accesibilidad

Los lectores de pantalla ahora leerán lo siguiente:

  • Advertencias y errores en la consola
  • El texto del diálogo ¿Este código es de confianza? cuando se pega código en Console o Sources.

Además, el panel Application corrigió los problemas de contraste con los vínculos en el modo de contraste alto.

Problemas de Chromium: 1485257, 1486643, 1485263.

Baja de Web SQL

La sección Aplicación > Web SQL se quitará en Chrome 123 porque la API de Web SQL Database ya no se mantiene. En esta versión, se agrega una advertencia a la sección sobre la próxima eliminación.

Es la advertencia de baja de Web SQL.

Para obtener más información, consulta Baja y eliminación de Web SQL.

Problemas de Chromium: 1485966.

Validación de la relación de aspecto de la captura de pantalla en Application > Manifest

En la sección Aplicación > Manifiesto, ahora se verifica si las capturas de pantalla de tu app web con el mismo factor de forma (wide o narrow) tienen la misma relación de aspecto.

Se muestra una advertencia sobre la relación de aspecto incorrecta de las capturas de pantalla con el mismo factor de forma.

Para obtener más información, consulta Cómo depurar aplicaciones web progresivas y Cómo agregar un manifiesto de aplicación web.

El equipo de Herramientas para desarrolladores agradece a Alexey Rodionov por implementar este cambio y otras mejoras en las advertencias del manifiesto en la versión anterior.

Error de Chromium: 1476656.

Otros aspectos destacados

Estas son algunas de las correcciones y mejoras más importantes de esta versión:

  • Elementos:
    • Las muestras de la función de sincronización de la animación no se muestran para las propiedades de CSS detalladas en las propiedades abreviadas expandibles (1149182).
    • La función de autocompletar de contain-intrinsic-* ahora no proporciona el valor incorrecto de auto único porque debería ser auto <length> (1480415).
    • Se quitó la compatibilidad con las propiedades -webkit-* no válidas y obsoletas (1086089, 1030765).
  • Breakpoints: Se corrigió el error por el que desaparecía el diálogo de edición de puntos de interrupción cuando se cambiaba el tipo de punto de interrupción (1485782).
  • Rendimiento:
    • Se corrigió el error de análisis de color que se producía durante la grabación del rendimiento (1480205).
    • Se corrigió el error por el que no se mostraba el LCP en el registro de Tiempos (1487136).
  • Red: La columna Establecer cookies ahora muestra la cantidad correcta de cookies establecidas, sin incluir las bloqueadas (1486903).
  • Las extensiones de Herramientas para desarrolladores ahora se cargan después de navegar a un host no bloqueado (1476264).
  • Se corrigió el error relacionado con el contexto de ejecución de la secuencia de comandos incorrecto para las extensiones (1275331).

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de versión preliminar te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de vanguardia de la plataforma web y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.

Comunícate con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para hablar sobre las funciones nuevas, las actualizaciones o cualquier otro tema relacionado con Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se abordó en la serie Novedades de DevTools