Flujo de trabajo: Generación de un archivo HAR para la resolución de problemas

En este tutorial aprenderá a generar solicitudes de red y registros de errores solicitados por soporte. Un integrante del equipo podría pedirle que grabe un archivo HAR, o un registro de solicitudes de red, mientras ocurre el problema. Para ayudar a resolver cualquier problema, incluya los registros de la consola del navegador además de un archivo HAR.

De manera similar, también puede recopilar archivos de registro de Windows además de los archivos HAR.

Nota: Un archivo HAR incluye datos como el contenido de las cookies y las páginas que descargó durante la grabación. Cualquier persona que tenga acceso al archivo HAR puede ver los datos enviados durante la grabación, los cuales pueden incluir datos personales u otros datos confidenciales. Proteja sus archivos HAR como corresponda. Cloudflare lanzó un depurador de HAR para eliminar cualquier información confidencial.

El flujo de trabajo incluye los pasos a continuación.

• Instrucciones para generar archivos HAR
• Instrucciones para enviar archivos HAR
• Recursos adicionales

Instrucciones para generar archivos HAR

Haga clic en las pestañas a continuación para leer las instrucciones para generar un archivo HAR y los registros de consola en su navegador.

Generar un archivo HAR en Chrome

Para generar un archivo HAR en Chrome:

1. Abra Chrome y vaya a la página donde se está produciendo el problema.
2. Busque el botón ⋮ y seleccione Más herramientas > Herramientas para desarrolladores.
3. En el panel que aparece, seleccione la pestaña Red . Debe mantener el menú abierto mientras reproduce el asunto. 
   
   Opcional: Si el equipo de atención al cliente de Zendesk solicita un archivo HAR con WebSockets, seleccione la opción Socket en la pestaña Red. Vuelva a cargar el navegador para comenzar a ver el tráfico a través de WebSocket. Tenga en cuenta que la opción Socket no captura todos los registros al descargar el archivo HAR, sino para filtrar la visualización y descargar solo los registros de WebSocket.
   
    
4. Busque el botón redondo para grabar en la esquina superior izquierda de la pestaña y compruebe que esté rojo. Si está gris, haga clic en el botón una vez para comenzar a grabar.
5. Si no lo está, marque la casilla Conservar registro .
6. Haga clic en el botón con un círculo gris cruzado para borrar los registros existentes en la pestaña de red.
7. Reproduzca el problema mientras se graban las solicitudes de red.

8. Haga clic en el botón de descarga, Exportar HAR, para descargar y guardar el archivo en su equipo: Guardar como HAR con contenido.

   

9. Cargue el archivo HAR en su ticket a Atención al cliente de Zendesk para investigar más a fondo. 
   Consulte Instrucciones para enviar archivos HAR.

Las instrucciones son las mismas para un equipo Mac o un equipo con Windows. Vea a continuación una breve animación con los pasos para recuperar un archivo HAR en Chrome.

Si tiene algún problema al generar este archivo, capture el tráfico de sesión web.

Si genera un archivo HAR vacío con cero bytes, active las exportaciones HAR con datos confidenciales.

Para recuperar los registros de la consola en Chrome:

1. Abra el menú principal de Chrome.
2. Vaya a Más herramientas > Herramientas para desarrolladores.
3. Abra la pestaña Consola y haga una captura de pantalla de los errores que aparezcan.

Generar un archivo HAR en Firefox

Para generar un archivo HAR en Firefox:

1. Abra Firefox y vaya a la página donde se está produciendo el problema.
2. Abra el Monitor de red.
3. Reproduzca el problema mientras se graban las solicitudes de red.

4. Haga clic con el botón derecho en cualquier lugar debajo de la columna Archivo y haga clic en Guardar todo como HAR.

   

5. Guarde el archivo HAR en un lugar conveniente.
6. Cargue el archivo HAR en su ticket a Atención al cliente de Zendesk para investigar más a fondo. 
   Consulte Instrucciones para enviar archivos HAR.

Las instrucciones son las mismas para un equipo Mac o un equipo con Windows. Utilice el Monitor de red para cualquier problema que genere un archivo HAR en Firefox.

Para recuperar los registros de la consola en Firefox:

1. En el menú Herramientas, seleccione Desarrollador web.
2. Los registros de la consola aparecerán en una ventana separada.
3. Haga una captura de pantalla de los errores que aparezcan.

Generar un archivo HAR en Safari

Para generar un archivo HAR en Safari:

1. Abra Safari y vaya al menú Desarrollar . Si no ve el menúDesarrollar, siga las instrucciones de este artículo de la Guía del usuario de Safari: Usar las herramientas para desarrolladores del menú Desarrollar en Safari en la Mac.
2. Seleccione Mostrar inspector web.
3. Haga clic en la pestaña Red. Debe mantenerla abierta mientras se reproduce el problema.
4. Reproduzca el problema mientras se graban las solicitudes de red.
5. Haga clic en el icono Exportar y guarde el archivo HAR.
   
6. Cargue el archivo HAR en su ticket a Atención al cliente de Zendesk para investigar más a fondo.
   Consulte Instrucciones para enviar archivos HAR.

Si tiene algún problema al generar un archivo HAR en Safari, utilice el Inspector web.

Para recuperar los registros de la consola en Safari:

1. Abra Preferencias y vaya a la pestaña Avanzado .
2. Seleccione Mostrar menú de desarrollador en la barra de menús.
3. Cierre Preferencias.
4. En la barra de menús, seleccione Desarrollador > Mostrar consola de errores.
5. Haga una captura de pantalla de los errores que aparezcan.

Generar un archivo HAR en Edge

Para generar un archivo HAR en Edge:

1. Abra Edge y vaya a la herramienta Redes.
2. Reproduzca el problema mientras se graban las solicitudes de red.
3. Exporte el tráfico capturado como un archivo HAR.
4. Cargue el archivo HAR en su ticket a Atención al cliente de Zendesk para investigar más a fondo.
   Consulte Instrucciones para enviar archivos HAR.

Si tiene algún problema al generar un archivo HAR en Safari, utilice la herramienta Inspeccionar actividad de red.

Para recuperar los registros de la consola en Edge:

1. Seleccione los tres puntos en la esquina superior derecha de la ventana del navegador.
2. Haga clic en Más herramientas > Herramientas para desarrolladores.
3. En el panel DevTools, haga clic en la pestaña Console .
4. Haga clic con el botón derecho en la consola y seleccione Borrar todos los registros preexistentes de la consola.
5. Marque la casilla de verificación Conservar registro .
6. Reproduzca el problema en el navegador Edge.
7. Haga una captura de pantalla de los errores que aparezcan.

Nota: El widget de la esquina inferior derecha de esta página no admite adjuntar archivos HAR o archivos que excedan los 50 MB. En su lugar, adjunte el archivo al ticket que enviará a Atención al cliente de Zendesk por correo electrónico o a través de un método como Google Drive o Dropbox.

Instrucciones para enviar archivos HAR

Antes de enviar un archivo HAR a Zendesk:

• Cambie el nombre de los archivos HAR y comprímalos.
• Los archivos HAR sin comprimir a menudo superan los límites de tamaño de archivos adjuntos de Zendesk.
• De manera predeterminada, los archivos HAR utilizan la URL de la página como nombre del archivo.
• Los archivos con extensiones .com parecen sospechosos para los filtros de spam y phishing, dele al archivo HAR un nombre descriptivo que no incluya su URL completo.

Recursos adicionales

Si tiene problemas con su cuenta, utilice las guías de resolución de problemas para diagnosticar el problema. Si aún no es cliente de Zendesk, regístrese ahora para hacer una prueba de Zendesk.