Qué hay de nuevo en DevTools (Chrome 97)

Published on Updated on

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

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

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

Función en vista previa: Nuevo panel de Grabadora

Use el nuevo panel de Grabadora para grabar, reproducir y medir flujos de usuario.

Abra el panel de Grabadora. Siga las instrucciones en la pantalla para iniciar una nueva grabación.

Por ejemplo, puede grabar el proceso de compra de café con esta demo de compra de café. Después de añadir un café y rellenar los detalles de pago, puede finalizar la grabación, reproducir el proceso o hacer clic en el botón Medir rendimiento para medir el flujo de usuario en el panel Rendimiento.

¡Vaya a la documentación del panel de Grabadora para aprender más con el tutorial paso a paso!

La Grabadora es una función de vista previa. Nuestro equipo está trabajando activamente en ella y estamos buscando su opinión para mejoras.

Panel de Grabadora

Chromium issue: 1257499

Actualización de la lista de dispositivos en el Modo Dispositivo

Habilitar la barra de herramientas de dispositivo, más dispositivos modernos se han añadido en la lista de dispositivos. Seleccione un dispositivo para simular sus dimensiones.

Actualización de la lista de dispositivos en el Modo Dispositivo

Chromium issue: 1223525

Autocompletado con Editar como HTML

La UI de Editar como HTML ahora soporta autocompletado y resaltado de sintaxis. En el panel Elementos, haga clic derecho en un elemento y seleccione Editar como HTML. Intente escribir una propiedad DOM (por ejemplo, id o aria), el autocompletado le ayudará a encontrar el nombre de la propiedad que está buscando.

Autocompletado con Editar como HTML

Chromium issue: 1215072

Mejorada la experiencia de depuración de código

Los números de las columnas ahora se incluyen en el error de salida en la Consola. Tener acceso fácil a los números de columnas es esencial para depurar especialmente con JavaScript minimizado.

El número de columna en el error de salida

Chromium issue: 1073064

[Experimental] Sincronización de configuraciones de DevTools entre dispositivos

Sus ajustes en DevTools son ahora sincronizados entre dispositivos por defecto cuando activa la sincronización del perfil de Chrome. Puede cambiar las preferencias de sincronización de Devtools a través de Preferencias > Sincronización > Activar sincronización de ajustes.

Sincronización de ajustes DevTools

Esta nueva opción hace más fácil trabajar entre dispositivos. Por ejemplo, los siguientes ajustes de apariencia son sincronizados de forma que tiene una experiencia consistente entre dispositivos y no necesita re-definir los mismos ajustes otra vez. Aprenda más sobre la función de sincronización en personalización DevTools.

Ajustes de apariencia

Esta nueva función es experimental en este momento, el equipo está activamente trabajando en ella. Si tiene alguna sugerencia, por favor compártala con nosotros aquí.

Chromium issue: 1245541

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 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Last updated: Improve article

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