Se usó la API de Cloud Translation para traducir esta página.

Novedades de Herramientas para desarrolladores (Chrome 108)

Jecelyn Yeen

Sugerencias para las propiedades de CSS inactivas

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

Sugerencias para propiedades de CSS inactivas.

Problema de Chromium: 1178508

Detectar automáticamente XPath y selectores de texto en el panel Grabador

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

XPath y selectores de texto en el panel Grabadora.

Problemas de Chromium: 1327206,1327209

Recorre las expresiones separadas por comas

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

Analiza las expresiones separadas por comas.

Anteriormente, Herramientas para desarrolladores solo admitía recorrer expresiones separadas por punto y coma.

Con el siguiente código,

function foo() {}

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

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

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

Esto crea confusión durante la depuración porque el comportamiento de pasos es diferente entre el código reducido y el creado. Resulta aún más confuso cuando se usan mapas de origen para depurar el código reducido en términos del código original, ya que el desarrollador analiza posteriormente los puntos y coma (que estaban más dentro de los cuales estaban convertidos en comas por la cadena de herramientas), pero el depurador no se detiene en ellos.

Problema de Chromium: 1370200

Configuración mejorada de las listas de elementos ignorados

Ve a Configuración > Lista de elementos ignorados. Las Herramientas para desarrolladores mejoran el diseño a fin de ayudarte a configurar las reglas para ignorar una sola secuencia de comandos o un patrón de secuencias de comandos.

La pestaña de la lista de elementos ignorados

Problema de Chromium: 1356517

Otros aspectos destacados

Estas son algunas correcciones notables de esta versión:

Nombre de la propiedad de CSS de Autocomplete en el panel Styles cuando se presiona la barra espaciadora. (1343316).
Quita el desplazamiento automático de la ruta de navegación del panel Elemento. (1369734).

Descarga los canales de vista previa

Considera usar Canary, Dev o Beta de Chrome como tu navegador de desarrollo predeterminado. Estos canales de vista previa te brindan acceso a las funciones más recientes de Herramientas para desarrolladores, prueba APIs de plataformas web de vanguardia y encuentra problemas en tu sitio antes que tus usuarios.

Cómo comunicarse con el equipo de Herramientas para desarrolladores de Chrome

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

Envíanos tus sugerencias o comentarios a través de crbug.com.
Informa un problema en Herramientas para desarrolladores mediante Más opciones > Ayuda > Informar problemas con Herramientas para desarrolladores en Herramientas para desarrolladores.
Envía un tweet a @ChromeDevTools.
Deja comentarios en los videos de YouTube de las Novedades de las Herramientas para desarrolladores o en las sugerencias de Herramientas para desarrolladores (videos de YouTube).