Novedades de Herramientas para desarrolladores (Chrome 108)

Jecelyn Yeen

Sugerencias para propiedades de CSS inactivas

Las Herramientas para desarrolladores ahora identifican los estilos CSS que son válidos, pero no tienen un efecto visible. En el panel Estilos, Herramientas para desarrolladores atenúa las propiedades inactivas. Coloca el cursor sobre el ícono que se encuentra junto a ella para comprender por qué la regla no tiene un efecto visible.

Error de Chromium: 1178508

Detección automática de selectores XPath y de texto en el panel de Recorder

El panel de Grabadora ahora admite selectores de XPath y de texto. Comienza a grabar un flujo del usuario y la grabadora elegirá automáticamente el XPath y el texto único más corto de un elemento como selector si está disponible.

Problemas de Chromium: 1327206,1327209

Paso a paso por expresiones separadas por comas

Ahora puedes recorrer paso a paso las expresiones separadas por comas durante la depuración. Esto mejora la capacidad de depuración del código reducido.

Anteriormente, las Herramientas para desarrolladores solo admitían la ejecución paso a paso de expresiones separadas por punto y coma.

Dado el siguiente código,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Los transpiladores y los minificadores pueden convertirlos en expresiones separadas por comas.

function bar(){return foo(),foo(),42}

Esto genera confusión durante la depuración, ya que el comportamiento de paso a paso es diferente entre el código minificado y el código creado. Es aún más confuso cuando se usan mapas de origen para depurar el código minimizado en términos del código original, ya que el desarrollador ve puntos y comas (que la cadena de herramientas convirtió en comas de forma interna), pero el depurador no se detiene en ellos.

Error de Chromium: 1370200

Se mejoró el parámetro de configuración de la lista de elementos ignorados

Ve a Settings > Ignore List. DevTools mejora el diseño para ayudarte a configurar las reglas para ignorar una sola secuencia de comandos o un patrón de secuencias de comandos.

Error de Chromium: 1356517

Otros aspectos destacados

Estas son algunas correcciones destacadas en esta versión:

• Autocompletar el nombre de la propiedad CSS en el panel Estilos cuando se presiona la barra espaciadora (1343316)
• Se quitó el desplazamiento automático en la ruta de navegación del panel Element. (1369734)

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 analizar las nuevas funciones, las actualizaciones o cualquier otro tema relacionado con las Herramientas para desarrolladores.

• Envíanos tus comentarios y solicitudes de funciones a crbug.com.
• Informa un problema de Herramientas para desarrolladores con more_vert Más opciones > Ayuda > Informar un problema de Herramientas para desarrolladores en Herramientas para desarrolladores.
• Envía un tuit a @ChromeDevTools.
• Deja comentarios en los videos de Novedades de DevTools de YouTube o en los videos de Sugerencias de DevTools de YouTube.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se abordó en la serie Novedades de las Herramientas para desarrolladores