Todo lo que necesita quien programa para reproducir un fallo está en su pantalla mientras ocurre: la página, la consola, las peticiones, el navegador en el que está. Diez segundos después la pestaña está cerrada y ya no queda nada de eso, y por eso los informes de error acaban siendo frases escritas de memoria.

Así se captura el conjunto entero, con la extensión que construimos. La primera vez lleva más o menos un minuto, y después unos segundos. No hace falta cuenta para presentar un informe.

Instalarla

Session Replay

Extensión gratuita de Chrome. Un clic en la página que se está portando mal captura la captura de pantalla, la consola y el registro de red, y te devuelve un enlace para pegar en el ticket.

Instalar la extensión

Chrome y navegadores Chromium, desde la Web Store. Después no hay nada que configurar.

Capturar el fallo

Sitúese en la página que se está portando mal y haga clic en el icono de la extensión en la barra de herramientas.

El panel de la extensión abierto en la misma ventana que la página que se informa: la página conserva su sitio a la izquierda y el panel queda a su derecha, con la captura de pantalla y los controles de grabación.

Elija captura de pantalla o grabación. Una captura sirve para todo lo que se ve de una vez: un diseño roto, un total equivocado, un mensaje de error. Una grabación sirve para todo lo que lleva dentro una secuencia o un tiempo: el botón que funciona al segundo clic, la ruedecita que no para nunca. La grabación se detiene a los diez minutos y guarda todo lo anterior, así que una grabación larga nunca se pierde por un límite que nadie mencionó.

Dibuje sobre la captura si ayuda. A mano alzada, en el color que elija. Un círculo alrededor del número equivocado ahorra un párrafo entero explicando cuál es el número equivocado.

Añada una descripción si la tiene. Es opcional, y vale los quince segundos: qué esperaba usted que pasara. Eso es lo único que la captura no puede saber.

Qué se captura sin que usted haga nada

Esta es la parte que hace que el informe merezca la pena leerse, y nada de ello le pide abrir las herramientas de desarrollo:

  • Navegador, versión, sistema operativo y tamaño de pantalla, que deciden si un defecto es de todos o solo suyo
  • La salida de la consola, incluido el error que se imprimió mientras nadie miraba
  • El registro de red, con el estado y los tiempos de cada petición que hizo la página, y un archivo HAR que puede descargar y abrir en las herramientas de desarrollo
  • Qué hizo usted: los clics, lo escrito en los formularios y los cambios de página que llevaron hasta ahí, en orden, que es lo que convierte un informe en pasos para reproducirlo

Hay una cosa que se enciende a propósito. Marque la casilla de los cuerpos de respuesta antes de grabar y la extensión conecta el depurador de Chrome, de modo que el informe lleva lo que el servidor devolvió de verdad y no solo la línea de la petición. Está apagada salvo que usted la encienda, y Chrome muestra su propio aviso todo el tiempo que está conectado.

Compartirlo

Recibe un enlace. Péguelo donde vive el trabajo: el ticket, la pull request, el hilo del chat. Quien lo abra ve la captura y todas las pestañas de contexto al lado, sin cuenta y sin instalar nada.

El enlace abre la captura con la consola, el registro de red y los datos del navegador en pestañas a su lado.

Un enlace para compartir es público por defecto. Eso es lo que lo hace fácil de enviar, y conviene saberlo antes de capturar una página con datos personales de alguien o con un sistema interno a la vista. Si el dominio es suyo y tiene un plan de pago puede cambiarlo: los informes pueden empezar privados, visibles solo para quien presentó uno y para su equipo, y cualquier informe se puede cambiar en un sentido o en otro después.

Cree una cuenta gratuita si quiere que sus informes queden en un solo sitio y sin límite diario, y ver cuándo los han abierto. Presentar uno nunca lo exige.

La parte que la herramienta no hace

Una captura es una prueba. No es un informe.

No sabe qué esperaba usted que pasara, ni si las dos cosas raras que vio son un defecto o dos, ni cuánto importa esto comparado con todo lo demás que hay en la cola. Eso es criterio, y se queda con la persona que estaba delante, y es justo por eso que la casilla de la descripción vale los quince segundos aunque todo lo demás sea automático.

Si quiere la forma de un informe que se arregla en lugar de devolverse con preguntas, la tiene la guía del informe de error, y su plantilla es un archivo que puede guardar junto a su gestor de incidencias. Los diez errores más comunes son la misma lista vista del otro lado.

La versión corta

Instalar una vez. En la página que se está portando mal, hacer clic en el icono, elegir captura de pantalla o grabación, decir qué esperaba, enviar el enlace. Los datos del navegador, la consola, el registro de red y la secuencia de lo que hizo van con él, y la única parte que le queda es el criterio, que siempre fue suyo.