Cómo Grabar y Descargar un Archivo HAR

¿Cuándo necesita un archivo HAR?

Un archivo HAR (HTTP Archive) es una grabación de cada solicitud de red que hace su navegador mientras usa una página. Cuando reporta un error que solo aparece en el navegador — una página que no carga, un botón que no hace nada, datos que se muestran incorrectamente — los equipos de soporte e ingeniería a menudo necesitan un archivo HAR para ver exactamente qué solicitó el navegador y qué recibió como respuesta. Adjuntar un HAR a su ticket acorta drásticamente el tiempo de depuración.

Esta guía explica cómo grabar un HAR en Google Chrome en aproximadamente 60 segundos.

Resumen Rápido

1. Abra las Chrome DevTools (F12 o clic derecho → Inspect).
2. Haga clic en la pestaña Network.
3. Asegúrese de que el punto de grabación (●) esté en rojo: Chrome está grabando ahora.
4. Reproduzca el error en la misma pestaña.
5. Haga clic derecho en cualquier fila del panel Network → Save all as HAR with content.
6. Adjunte el archivo .har descargado a su ticket de soporte.

Guía Completa Paso a Paso

Paso 1: Abra las Chrome DevTools

En la página donde ocurre el error, haga clic derecho en cualquier lugar y elija Inspect. O simplemente presione F12 (Windows/Linux) / Cmd + Option + I (macOS).

Paso 2: Haga clic en la pestaña Network

En la parte superior del panel de DevTools, haga clic en Network. Aquí es donde se registrará cada solicitud que haga la página.

Paso 3: Confirme que la grabación esté ACTIVADA, luego reproduzca el error

El punto circular en la esquina superior izquierda del panel Network debe estar en rojo (●) — eso significa que la grabación está activa. Si está gris, haga clic una vez para iniciarla.

Consejo: marque la casilla Preserve log para que las solicitudes no se borren si la página se recarga o redirige durante su prueba.

Ahora realice exactamente la acción que desencadena el error: haga clic en el botón que falla, envíe el formulario, cargue la página que falla, etc. Verá las solicitudes aparecer en la lista a medida que ocurren.

Paso 4: Guarde como HAR

Una vez que haya reproducido el error, haga clic derecho en cualquier fila de la lista Network y elija Save all as HAR with content. Chrome descargará un archivo .har a su carpeta de Descargas.

Paso 5: Adjunte el archivo .har a su ticket

Abra su ticket de soporte (o su correo de respuesta) y adjunte el archivo .har. Eso es todo — el equipo de ingeniería ahora puede reproducir exactamente lo que vio su navegador.

Guía animada completa de 5 pasos (5 segundos)

Consejos y Detalles a Tener en Cuenta

• El HAR contiene datos reales. Cualquier cookie, token de autenticación, valor de formulario, o información personal que formó parte de las solicitudes está dentro del archivo. No publique archivos HAR públicamente — adjúntelos a su ticket de Jira donde el acceso está controlado.
• Reproduzca el error DESPUÉS de abrir las DevTools. Las solicitudes que ocurrieron antes de abrir las DevTools no se capturan.
• Use "Preserve log" si el error implica una redirección o recarga de página. Sin esto, el registro se borra al navegar.
• Los archivos HAR pueden ser grandes (varios MB es normal). Si su sistema de tickets rechaza la carga, comprima el archivo primero.
• Firefox y Edge tienen la misma función: el mismo atajo (F12), la misma pestaña Network, la misma opción "Save All As HAR" al hacer clic derecho.

¿Necesita ayuda?

Si algún paso anterior le resulta confuso o el archivo no se descarga, contacte al equipo de Customer Support Engineering en Slack — le guiaremos en vivo.