Novedades de Herramientas para desarrolladores (Chrome 108)

Sugerencias para las propiedades de CSS inactivas

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

Sugerencias para propiedades de CSS inactivas.

Problema de Chromium: 1178508

Detecta automáticamente XPath y selectores de texto en el panel de Grabadora

El panel Grabadora ahora es compatible con XPath y selectores de texto. Comienza a registrar un flujo de usuarios y la grabadora elige 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 de Grabadora

Problemas de Chromium: 1327206,1327209

Recorre las expresiones separadas por comas

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

Revisa las expresiones separadas por comas.

Anteriormente, las Herramientas para desarrolladores solo admitían el paso por expresiones separadas por punto y coma.

Como se indica en 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 genera confusión durante la depuración porque el comportamiento de pasos es diferente entre el código minificado y el creado. Es 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 mira los punto y coma (que estaban activados en comas por el conjunto de herramientas), pero el depurador no se detiene en ellos.

Problema de Chromium: 1370200

Mejora en la configuración de la lista de elementos ignorados

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

La pestaña Lista de elementos ignorados.

Problema de Chromium: 1356517

Otros aspectos destacados

Estas son algunas correcciones notables en esta versión:

  • Autocomplete el nombre de la propiedad de CSS en el panel Styles cuando presionas 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 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.