Novedades de Herramientas para desarrolladores (Chrome 97)

Función de vista previa: Nuevo panel Grabadora

Usa el nuevo panel Grabadora para grabar, volver a reproducir y medir los flujos de usuarios.

Abre el panel Grabadora. Sigue las instrucciones que aparecen en pantalla para iniciar una nueva grabación.

Por ejemplo, puedes registrar el proceso de confirmación de la compra del café con esta aplicación de demostración de pedido de café. Después de agregar un café y completar los detalles del pago, puedes finalizar la grabación, volver a reproducir el proceso o hacer clic en el botón Medir rendimiento para medir el flujo de usuarios en el panel Rendimiento.

Consulta la documentación del panel Grabadora para obtener más información con el instructivo paso a paso.

El panel Grabadora es una función de vista previa. Nuestro equipo sigue trabajando activamente en el tema y estamos esperando tus comentarios para poder mejorar.

Panel de grabadora

Problema de Chromium: 1257499

Cómo actualizar la lista de dispositivos en Device Mode

Se habilita la barra de herramientas de dispositivo, y se agregan dispositivos más modernos a la lista de dispositivos. Selecciona un dispositivo para simular sus dimensiones.

Cómo actualizar la lista de dispositivos en Device Mode

Problema de Chromium: 1223525

Autocompletar con Editar como HTML

La IU de Editar como HTML ahora admite la función de autocompletar y la sintaxis destacada. En el panel Elementos, haz clic con el botón derecho en un elemento y selecciona Editar como HTML. Intenta escribir una propiedad del DOM (p.ej., id, aria); la función de autocompletar debería ayudarte a encontrar el nombre de la propiedad que buscas.

Autocompletar con Editar como HTML

Problema de Chromium: 1215072

Experiencia de depuración de código mejorada

Los números de columna ahora se incluyen en el error de salida en la consola. Tener un acceso fácil al número de columna es esencial para la depuración, especialmente con JavaScript reducido.

Número de columna en el error de resultado

Problema de Chromium: 1073064

[Experimental] Sincronizando la configuración de Herramientas para desarrolladores en todos los dispositivos

La configuración de Herramientas para desarrolladores ahora se sincroniza en todos los dispositivos de forma predeterminada cuando activas la sincronización de perfiles de Chrome. Puede cambiar la configuración de sincronización de Herramientas para desarrolladores a través de Configuración > Sincronizar > Habilita la sincronización de la configuración.

Configuración de sincronización de Herramientas para desarrolladores

Con este nuevo parámetro de configuración, es más fácil trabajar en diferentes dispositivos. Por ejemplo, las siguientes opciones de configuración se sincronizan para que tengas una experiencia coherente en todos los dispositivos y no tengas que volver a definir la misma configuración. Obtén más información sobre la función de sincronización en la personalización de Herramientas para desarrolladores.

configuración de apariencia

Por el momento, esta función es experimental, pero el equipo aún está trabajando en ella. Si tienes comentarios, compártelos con nosotros aquí.

Problema de Chromium: 1245541

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.