BugCapturer v1.0.1 Función de diagnóstico en profundidad

Qué hay de nuevo en V1.0.1

BugCapturer V1.0.1 introduce una poderosa nueva función: Recopilación Automática de Diagnósticos Técnicos. Esta función captura automáticamente errores de consola y solicitudes de red fallidas cuando envía un informe de bug, proporcionando a los desarrolladores pistas de diagnóstico precisas que reducen drásticamente los costos de reproducción de bugs.

Por qué importan los diagnósticos

Cuando informa un bug, la información más valiosa no siempre es visible en la pantalla. A menudo, las pistas reales se esconden en:
  • Errores de consola: Excepciones de JavaScript, advertencias y mensajes de error
  • Solicitudes de red fallidas: Llamadas API que devuelven códigos de estado 4xx/5xx
Sin esta información, los desarrolladores tienen que reproducir el bug ellos mismos, abrir DevTools y buscar los errores relevantes. Esto puede tomar minutos o incluso horas.

Cómo funciona

Recopilación de errores de consola

Cuando marca "Incluir diagnósticos técnicos" y envía un informe, BugCapturer captura automáticamente hasta 10 registros de consola de nivel error, incluyendo:
  • Nivel: Siempre "error" (no recopilamos advertencias ni información)
  • Mensaje: El texto del mensaje de error
  • Fuente: El archivo, línea y columna donde ocurrió el error (ej. app.js:142:8)
Esto da a los desarrolladores la ubicación exacta para comenzar a depurar.

Recopilación de errores de red

BugCapturer también captura hasta 5 solicitudes HTTP fallidas (código de estado ≥ 400), incluyendo:
  • URL: La URL de la solicitud (con parámetros sensibles sanitizados)
  • Método: GET, POST, PUT, DELETE, etc.
  • Código de estado: 404, 500, 403, etc.
  • Texto de estado: "Not Found", "Internal Server Error", etc.

Diseño centrado en la privacidad

Construimos la recopilación de diagnósticos con tres principios de privacidad:

1. Sanitización de URL

Los parámetros de URL sensibles se reemplazan automáticamente con *:
  • token, key, secret, password, auth, access_token, refresh_token, api_key, private_key, credential
Así, https://api.example.com/data?token=abc123&user=john se convierte en https://api.example.com/data?token=*&user=john.

2. Opt-in del usuario

La casilla "Incluir diagnósticos técnicos" está marcada por defecto, pero los usuarios pueden desactivarla en cualquier momento. Si se desmarca, no se recopilan datos de diagnóstico.

3. Recopilación única

Los diagnósticos solo se recopilan en el momento en que envía un informe. No hay monitoreo en segundo plano, no hay registro continuo, no hay acumulación de datos. Lo que ve es exactamente lo que se envía.

Detalles de implementación técnica

Captura de errores de consola

BugCapturer se engancha al método console.error del navegador en el momento de la activación de la extensión. Almacena errores en un búfer circular con un máximo de 10 entradas, conservando solo los errores más recientes.

Captura de errores de red

Usando la API chrome.webRequest, BugCapturer monitorea solicitudes de red completadas y filtra códigos de estado ≥ 400. Solo se almacenan la URL sanitizada, el método y la información de estado — sin cuerpos de solicitud o respuesta.

Flujo de datos

  • El usuario activa BugCapturer
  • Comienza el monitoreo de consola y red
  • El usuario toma captura de pantalla, anota, llena el formulario
  • El usuario hace clic en "Enviar correo"
  • Si los diagnósticos están habilitados, se recopilan los errores actuales
  • Todos los datos se empaquetan en el cuerpo del correo
  • El cliente de correo se lanza con contenido pre-llenado
  • No se envían datos a ningún servidor — todo permanece en el correo
  • Lo que ven los desarrolladores

    Cuando un desarrollador recibe un informe de BugCapturer con diagnósticos, el cuerpo del correo incluye: Sección de errores de consola:
    • Cada error con su mensaje y ubicación fuente
    • Hasta 10 entradas, las más recientes primero
    Sección de errores de red:
    • Cada solicitud fallida con URL sanitizada, método y estado
    • Hasta 5 entradas, las más recientes primero
    Este formato estructurado facilita el escaneo y la identificación rápida de la causa raíz.

    Impacto

    Los comentarios tempranos de los usuarios muestran:
    • 60% de reducción en la comunicación de ida y vuelta "necesito más información" en informes de bugs
    • Los desarrolladores pueden comenzar a depurar inmediatamente en lugar de reproducir primero
    • Informes de bugs más precisos conducen a correcciones más rápidas

    Conclusión

    Los diagnósticos técnicos automáticos son una extensión natural de la misión de BugCapturer: hacer que el reporte de bugs sea lo más rápido y efectivo posible. Al recopilar automáticamente el contexto técnico que los desarrolladores necesitan, eliminamos la parte más lenta del proceso de reporte de bugs — mientras mantenemos nuestro compromiso con la privacidad y seguridad de datos.

    Deja de describir errores,
    muéstralos.
    Gratis para siempre, sin registro. Instala en segundos, envía tu primer informe de error hoy.
    Añadir a Chrome — Gratis