Los informes de errores son una de las herramientas más poderosas en las que confiamos para mejorar nuestro producto y asegurarnos de que recibas la mejor herramienta posible. Existen métodos para reducir el tiempo de respuesta en la resolución de problemas, por lo que hemos creado este breve artículo para hablar sobre capturas de pantalla y grabaciones de vídeo.

Recomendaciones para el Grabador de Pantalla

Clip

• Utiliza nuestra herramienta integrada de grabación de pantalla, Clip - ¡encuentra las instrucciones aquí!

• Actualmente solo compatible con Chrome y Firefox.

• ¡Gratis e incluido en todos los planes!

• ¡Comparte enlaces con cualquier persona!

Loom

• Capacidad para grabar todo tu escritorio y todos los navegadores

• Compartir vídeos de manera pública o privada

• Versión gratuita

Cleanshot

• Las licencias pueden adquirirse aquí: Cleanshot

  • $29 por una licencia

• Sólo compatible con Mac

• Puede incluir gifs, vídeos y capturas de pantalla

Consejos y trucos en capturas de pantalla

iOS

1. Abre la aplicación de Configuración

2. Selecciona Centro de Control

3. Selecciona Personalizar controles 

4. Pulsa el botón + junto a Grabación de pantalla para añadirlo a la sección Incluir

5. Abrir el centro de control

6. Toca el icono de grabación de pantalla para comenzar a grabar.

7. Para detener una grabación, simplemente abre el centro de control y toca el icono de grabación de pantalla

Android:

1. Descarga AZ Screen Recorder desde la tienda Google Play.

2. Abre la app

3. Permite que se muestre sobre otras aplicaciones siguiendo la indicación.

4. Inicia una grabación de pantalla tocando el pequeño icono en tu pantalla. 

5. Detenga una grabación abriendo sus notificaciones de AZ y seleccionando Detener !

Atajos para capturas de pantalla

Android 

• ¡Mantenga presionados el botón de encendido y el botón de bajar volumen al mismo tiempo durante un breve segundo para guardar una captura de pantalla!

iOS 

• ¡Mantén presionados los botones de inicio y de encendido al mismo tiempo durante un breve segundo para guardar una captura de pantalla!

Windows

• COPIA la captura de pantalla completa al portapapeles: PrtScn

• GUARDAR captura de pantalla completa: Tecla Windows + PrtScn

• COPIAR captura de pantalla de una sola ventana: Alt + PrtScn

• GUARDAR captura de pantalla de una sola ventana: Tecla Windows + Alt + PrtScn

Mac

• GUARDA una captura de pantalla completa: Comando + Shift + 3

• GUARDAR la captura de pantalla de una sola ventana: Comando + Mayúsculas + 4

• GUARDAR captura de pantalla de la selección: Comando + Mayúscula + 4

Ubuntu

• Captura de pantalla completa: PrtScn

• Captura de pantalla de la ventana actual: Alt + PrtScn

• Captura de pantalla de la selección: Shift + PrtScn

Generando un archivo HAR

El Soporte Técnico de ClickUp puede necesitar ocasionalmente registros adicionales para nuestro equipo de Desarrollo cuando investigan un error. Es posible que te solicitemos que registres un archivo HAR, o un registro de solicitudes de red, mientras ocurre ese problema.

Un archivo HAR puede incluir datos personales. Cloudflare ha lanzado un limpiador de HAR.

Las instrucciones para generar un archivo HAR variarán según tu navegador:

• Google Chrome
• Firefox
• Brave
• Aplicación de escritorio para Windows

Generando un archivo HAR en Google Chrome

1. Abre las Herramientas para desarrolladores de Chrome seleccionando Ver, Desarrollador y luego Herramientas para desarrolladores.
2. En la ventana de Herramientas para Desarrolladores:
   • Verifica que el botón de grabación en la esquina superior izquierda esté en rojo. Si está en gris, haz clic en el botón una vez para comenzar a grabar.
   • Marca la casilla Preservar registro.
   • Limpia tanto las pestañas de Red como de Consola haciendo clic en el icono Clear.
3. Reproduce el error y espera a que los registros terminen de cargar. Esto no debería llevar más de un minuto.
4. Guarda el archivo HAR haciendo clic en el icono de Descargar .
   

Generando un archivo HAR en Firefox

1. Desde Firefox, selecciona Herramientas, Herramientas del navegador y luego Herramientas para desarrolladores web.
2. Desde la ventana de Herramientas para Desarrolladores:
   • Asegúrate de que la pestaña de Red no esté en pausa.
   • Asegúrate de que la opción Mantener registros esté activada en el menú de ajustes
   • Vacía las pestañas de Red y Consola haciendo clic en el icono de Papelera.
3. Reproduce el error y espera a que los registros terminen de cargar. Esto no debería llevar más de un minuto.
4. Guarda el archivo HAR haciendo clic en la opción Guardar todo como HAR en el menú de ajustes.

Generar un archivo HAR en Brave

1. Desde Brave, selecciona Ver, Desarrollador y luego Herramientas para desarrolladores.
2. En la ventana de Herramientas para Desarrolladores:
   • Asegúrate de que la pestaña de Red no esté en pausa.
   • Asegúrate de que la opción Conservar registro está verificada.
   • Limpia tanto las pestañas de Red como de Consola haciendo clic en el icono de Limpiar.
3. Reproduce el error y espera a que los registros terminen de cargar. Esto no debería llevar más de un minuto.
4. Guarda el archivo HAR haciendo clic en el icono Descargar.

Generar un archivo HAR en la aplicación de escritorio de Windows

1. Desde la aplicación de escritorio, selecciona Vista y luego Alternar Herramientas para Desarrolladores.
2. En la ventana de Herramientas para Desarrolladores:
   • Asegúrate de que la pestaña Red no esté en pausa.
   • Asegúrate de que la opción Conservar registro está verificada.
   • Limpia las pestañas de Red y Consola haciendo clic en el icono de Limpiar.
     
3. Reproduce el error y espera a que los registros terminen de cargar. Esto no debería llevar más de un minuto.
4. Puedes guardar el archivo HAR haciendo clic en el icono Descargar.

Generando registros de WebSockets

El equipo de Soporte Técnico de ClickUp también puede solicitar los registros de WebSockets cuando investiga un error. 

Para generar y guardar un registro de WebSockets:

1. Primero, abre las Herramientas para desarrolladores de Chrome.
2. Con la ventana de Herramientas para desarrolladores abierta, actualiza la página. Las Herramientas para desarrolladores de Chrome deben recargarse primero para que los registros se capturen correctamente.
3. Asegúrate de que la pestaña Red esté seleccionada y grabando.
4. Abre la pestaña WS.
5. Asegúrate de que al menos un elemento graphql aparezca en la lista. Puede tardar hasta siete segundos en cargar. Si no se carga, intenta actualizar la página.
6. Espera a que los registros terminen de cargar. Esto no debería tardar más de un minuto.
7. Guarda el archivo de registro de WebSockets haciendo clic en el icono de descargar .
8. Nombra el archivo WS.har. Un registro de WebSockets puede incluir datos personales, pero puedes usar el sanitizador de Cloudflare para eliminarlos.
9. En tu hilo de correo electrónico con el Soporte Técnico de ClickUp, adjunta tu archivo.