Qué hay de nuevo en DevTools (Chrome 108)

Published on

Translated to: English, Português, 한국어, 中文, Pусский, 日本語

Gracias por la traducción Carlos Caballero y Miguel Ángel por la revisión .

¿Tienes interés en mejorar DevTools? Regístrate para participar en la Google User Research aquí.

Sugerencias para propiedades CSS inactivas

DevTools ahora identifica los estilos CSS que son válidos pero que no tienen un efecto visible. En el panel Estilos, DevTools desvanece las propiedades inactivas. Pase el cursor sobre el icono para comprender por qué la regla no tiene un efecto visible.

Sugerencias para propiedades CSS inactivas.

Chromium issue: 1178508

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

El panel Recorder ahora es compatible con XPath y selectores de texto. Comience a grabar un flujo de usuario y la grabadora seleccionará automáticamente el XPath y el texto más corto único de un elemento como selector, si éste está disponible.

XPath y selectores de texto en el panel Grabador.

Chromium issues: 1327206,[1327209] (https://crbug.com/1327209)

Paso a paso a través de expresiones separadas por comas

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

Paso a paso a través de expresiones separadas por comas.

Anteriormente, DevTools solo permitía pasar por expresiones separadas por punto y coma.

Dado el siguiente código,

function foo() {}

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

Transpiladores y minificadores pueden convertir el código anterior en expresiones separadas por comas.

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

Esto crea confusión durante la depuración porque el comportamiento paso a paso es diferente entre el código minificado y el creado. Es aún más confuso cuando se utilizan sourcemaps para depurar el código minimizado en términos del código original, ya que el desarrollador está mirando los puntos y comas (que se convirtieron en comas por la cadena de herramientas), pero el depurador no se detiene en ellos.

Chromium issue: 1370200

Mejoras en la configuración de la lista de ignorados

Vaya a Configuración > Lista de ignorados. DevTools mejora el diseño para ayudarlo a configurar las reglas para ignorar un único script o patrón de scripts

Petaña de la Lista de Ignorados

Chromium issue: 1356517

Varios Destacados

Estas son algunas correcciones notables en esta versión:

  • Autocompletar el nombre de la propiedad CSS en el panel Estilos al presionar espacio. (1343316)
  • Se elimina el desplazamiento automático en la ruta de navegación del panel Elemento. (1369734)

Descarga de los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo por defecto. Estos canales de prueba te dan acceso a las últimas funcionalidades de DevTools, probar innovadoras APIs de la plataforma web y encontrar errores en tus sitios antes que tus usuarios lo hagan.

Ponerse en contacto con el equipo de Chrome DevTools

Usa las siguientes opciones para hablar sobre nuevas funcionalidades y cambios en el artículo o cuaquier cosa relacionada con DevTools.

  • Envía una sugerencia u opinión a través de crbug.com.
  • Reporta un problema con DevTools usando Más opciones   Más   > Ayuda > Reportar un problema con DevTools in DevTools.
  • Haz un Tweet a @ChromeDevTools.
  • Deja un comentario en los vídeos de YouTube sobre Qué hay de nuevo en DevTools.

Más características de DevTools

Por favor, revisa la versión en inglés de What's New In DevTools para una lista completa de las características lanzadas. Debajo tienes más contenido que ha sido traducido al castellano.

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.