Novedades de Herramientas para desarrolladores (Chrome 119)

Sofia Emelianova
Sofia Emelianova

Se mejoró la sección @property en Elementos > Estilos

Regla @property editable

Ahora puedes editar la regla-at de CSS de @property en la sección correspondiente de Elementos > Panel Styles.

El antes y el después que permiten que se pueda editar la regla de propiedad.

Problema de Chromium: 1471123.

Se informaron problemas con reglas @property no válidas

La pestaña Problemas ahora informa problemas relacionados con declaraciones no válidas en las reglas @property.

Problemas con la regla de propiedad informados en la pestaña Problemas.

Problema de Chromium: 1473283.

Se actualizó la lista de dispositivos para emular

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

El antes y el después de actualizar la lista de dispositivos.

Problema de Chromium: 1479733.

Imprimir el JSON intercalado con formato en las etiquetas de secuencia de comandos en Sources

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

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

Problemas de Chromium: 406900, 1473875.

Autocompletar campos privados en la consola

Ahora puedes autocompletar los campos de clases privadas cuando los evalúes fuera del alcance de la clase en la consola.

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

Problemas de Chromium: 1483848, 1381806.

Lighthouse 11.1.0

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

Para aprender los conceptos básicos del uso del panel de Lighthouse en Herramientas para desarrolladores, consulta Lighthouse: Cómo optimizar la velocidad del sitio web.

Problemas de Chromium: 772558.

Mejoras de accesibilidad

Los lectores de pantalla ahora leerán lo siguiente:

  • Advertencias y errores en Console
  • El texto que aparece en el cuadro de diálogo ¿Confías en este código? cuando pegas el código en Console o Sources.

Además, el panel Aplicación solucionó problemas de contraste en los vínculos en el modo de contraste alto.

Problemas de Chromium: 1485257, 1486643, 1485263.

Baja de SQL web

Haz clic en Application > Se quitará la sección Web SQL en Chrome 123 porque la API de Web SQL Database ya no se mantiene. Esta versión agrega una advertencia a la sección sobre la próxima eliminación.

Advertencia de baja de Web SQL.

Para obtener más información, consulta Da de baja y quita Web SQL.

Problemas de Chromium: 1485966.

Validación de la relación de aspecto de la captura de pantalla en Aplicación > Manifiesto

Haz clic en Application > La sección Manifiesto ahora comprueba si las capturas de pantalla de tu aplicación web con el mismo factor de forma (wide o narrow) tienen la misma relación de aspecto.

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 apps web progresivas y Cómo agregar un manifiesto de app web.

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

Problema de Chromium: 1476656.

Otros aspectos destacados

Estas son algunas correcciones y mejoras importantes en esta versión:

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

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como navegadores de desarrollo predeterminados. Estos canales de vista previa te brindan acceso a las funciones más recientes de Herramientas para desarrolladores, prueban API de plataformas web de vanguardia y detectan problemas en tu sitio antes que los usuarios.

Comunicarse con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para hablar sobre las nuevas funciones y los cambios en la publicación, o cualquier otra cosa relacionada con Herramientas para desarrolladores.

  • Para enviarnos sugerencias o comentarios, accede a crbug.com.
  • Informa un problema en Herramientas para desarrolladores con Más opciones   Más > Ayuda > Informa problemas de Herramientas para desarrolladores en Herramientas para desarrolladores.
  • Twittea a @ChromeDevTools.
  • Deja comentarios en nuestros videos de YouTube de Herramientas para desarrolladores o en videos de YouTube de las Sugerencias de las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se ha abordado en la serie Novedades de Herramientas para desarrolladores.