¿Qué es BugCapturer? Una herramienta de feedback visual gratuita para la web

Por qué necesitas BugCapturer

Lo penoso que es el reporte tradicional

Detectas un problema en una web y quieres reportarlo. El flujo tradicional es así:
  • Pulsar Impr. Pantalla
  • Abrir Paint y pegar
  • Rodear la zona del problema con el pincel (feo e impreciso)
  • Abrir tu cliente de correo
  • Escribir la URL a mano
  • Buscar y escribir la versión del navegador a mano
  • Intentar abrir las DevTools para copiar el error (si sabes cómo)
  • Redactar una descripción
  • Adjuntar la captura
  • Enviarla a alguien y esperar a que esa persona la pase a un sistema de seguimiento
  • Tiempo total: 5-15 minutos. Y lo normal es que falten datos clave, así que los desarrolladores tienen que volver con más preguntas.

    Cómo lo hace BugCapturer

  • Hacer clic en el icono de la extensión
  • Arrastrar para seleccionar la zona del problema
  • Añadir flechas o texto
  • Escribir una frase
  • Hacer clic en Compartir para obtener un enlace, o enviar el informe directo a la tabla de tu equipo
  • Tiempo total: 30 segundos. URL, datos del navegador, errores de consola, peticiones fallidas: todo se captura automáticamente y viaja con el informe.

    Funciones principales

    Captura por zona

    Tras hacer clic en el icono de la extensión, arrastra sobre la página para seleccionar un área. Sin captura de pantalla completa ni recortes posteriores: eliges exactamente la zona que quieres reportar.
    • 8 tiradores para ajustar la selección con precisión
    • Todo lo que queda fuera se oscurece automáticamente
    • Atajo por menú contextual («Comentario con captura»)

    5 herramientas de anotación

    Después de capturar, el editor ofrece cinco herramientas:
    Herramienta Uso Ejemplo
    Flecha Señalar el elemento problemático Flecha roja a botones superpuestos
    Rectángulo Enmarcar la zona afectada Caja alrededor de un bloque desalineado
    Texto Añadir una nota escrita «Aquí el texto se corta»
    Pincel Dibujar libremente Rodear, subrayar, marcar
    Mosaico Difuminar información sensible Ocultar usuarios, correos, claves API
    Al terminar, la captura se guarda con el informe. Puedes convertirla en un enlace público para cualquiera, o enviarla directo a la tabla o el webhook que tenga conectado tu equipo.

    Metadatos técnicos automáticos

    Al enviar un informe, BugCapturer captura automáticamente lo siguiente, sin que escribas nada:
    Información Por qué importa
    URL de la página Localizar la página exacta
    Nombre y versión del navegador Diagnosticar compatibilidad
    Sistema operativo Diagnosticar problemas específicos del sistema
    Resolución de pantalla Diagnosticar problemas de maquetación
    Tamaño del viewport Evaluar problemas de diseño responsive
    Device Pixel Ratio (DPR) Diagnosticar problemas Retina/HiDPI
    Marca de tiempo Registrar cuándo ocurrió
    Rellenar esto a mano lleva 2 o 3 minutos y es propenso a errores. BugCapturer lo hace con un clic.

    Captura automática de errores de consola

    Cuando una página se rompe, la consola casi siempre tiene algo que decir. Pero la mayoría no sabe cómo abrirla, y menos cómo copiar el error. BugCapturer captura los errores de consola por ti:
    • Solo nivel error (se filtra el ruido info/warn)
    • Incluye el mensaje y la ubicación de origen (archivo:línea:columna)
    • Hasta las últimas 10 entradas
    • Se capturan al enviar el informe, sin escucha en segundo plano
    • Se puede desmarcar: el control es tuyo
    Así, incluso el usuario menos técnico puede enviar un informe con diagnóstico profesional.

    Captura automática de peticiones fallidas

    Muchos problemas de una web no son de renderizado: una llamada a la API falló y los datos nunca llegaron. BugCapturer captura las peticiones de red fallidas:
    • Solo peticiones con estado ≥ 400 (fallos reales)
    • Incluye URL, método HTTP, código y texto de estado
    • Hasta las últimas 5 entradas
    • Los parámetros sensibles de la URL se enmascaran automáticamente (token, key, secret, password y similares pasan a *)
    • Se capturan al enviar el informe, sin escucha en segundo plano

    Compartir con un clic, o directo al flujo de tu equipo

    Una vez escrita la descripción, el informe puede ir por dos caminos, tú eliges:
    • Generar un enlace de compartición: un clic te da un enlace público. Quien lo recibe no instala nada y no necesita cuenta: lo abre en el navegador y ve la captura anotada, la URL y el diagnóstico completo. Vale para un chat, un correo o un ticket.
    • Enrutar a un destino: con el selector de destino, envía el informe directo a Lark Bitable o a tu propio webhook. La captura, los errores de consola y las peticiones fallidas viajan con él, así que se convierte en una fila de la tabla del equipo o dispara cualquier flujo en tus sistemas.
    Ninguno de los dos caminos te obliga a ordenar nada a mano, ni necesita un intermediario que pase el informe al sistema.

    Trabajo en equipo: se configura una vez y lo usa todo el equipo

    • Equipos y miembros: el propietario configura una integración una vez y todo el equipo la usa. Las invitaciones requieren una aceptación explícita.
    • Credenciales privadas: los miembros envían mediante una integración compartida sin ver nunca las credenciales.
    • Proyectos y dominios: un proyecto por sitio, con lista blanca de dominios autorizados, para que tus claves SDK no se usen indebidamente.
    • Enlaces de compartición gestionables: los usuarios con sesión pueden gestionar o eliminar sus enlaces desde la página «Mis compartidos».
    El feedback deja de vivir en la bandeja de una persona y aterriza donde todo el equipo llega: cualquiera lo encuentra, cualquiera puede continuarlo.

    Integraciones: los informes entran en las herramientas que ya usas

    Integración Ideal para Nota
    Lark Bitable Equipos en China Sin crear ninguna app de Lark: escritura directa en la tabla vía webhook de automatización, con notificaciones de grupo usando las automatizaciones de Lark
    Webhook genérico Equipos con sistemas propios Cargas JSON firmadas y versionadas para n8n / Zapier / Make / servicios propios, con reintentos automáticos, registro de entregas y reenvío manual

    7 idiomas

    BugCapturer admite 7 idiomas de interfaz:
    • 中文(简体)
    • English
    • Deutsch
    • Français
    • Español
    • Português (Brasil)
    • 日本語
    La extensión sigue el idioma del navegador automáticamente y también se puede cambiar a mano.

    Seguridad de datos y privacidad

    BugCapturer es una plataforma de colaboración en la nube y convierte «qué se procesa, cuánto tiempo se guarda y quién puede verlo» en reglas explícitas:
    Práctica Cómo funciona
    Cifrado en tránsito y en reposo Los informes viajan por HTTPS y se guardan cifrados en el servidor
    Enmascarado automático de URL token, key, secret, password y similares pasan a *
    Retención de enlaces Enlaces anónimos 30 días, con sesión 90 días, y luego se limpian solos; puedes borrarlos a mano cuando quieras
    Enlaces no adivinables Los enlaces usan identificadores aleatorios: nadie puede enumerar los informes de otros
    Aislamiento de permisos Las integraciones del equipo las configura el propietario; los miembros las usan sin ver las credenciales; los proyectos solo son visibles dentro del equipo
    Captura al enviar Los errores de consola y las peticiones se capturan al enviar, no en segundo plano
    Control del usuario El diagnóstico técnico viene activado por defecto y se desmarca en un clic
    Un informe no se te escapa al enviarlo: ves a dónde fue cada uno y cuándo se entregó, los fallos se reintentan solos y dejan registro. Para equipos con requisitos de gobernanza y auditoría, son reglas que se pueden escribir en un proceso.

    Para quién es BugCapturer

    QA / testers

    El público principal. Quien reporta muchos bugs a diario pasa de 5-15 minutos a 30-60 segundos por informe, con el diagnóstico técnico adjunto que evita el «no consigo reproducirlo».

    Desarrolladores front-end

    Al depurar compatibilidad entre navegadores necesitas registrar cómo se comporta la página en cada uno. BugCapturer captura versión, resolución y viewport automáticamente: nada que apuntar.

    Product managers

    Cuando el feedback es vago, hay que verlo. Con el SDK integrado en el sitio, los visitantes señalan el problema directamente, con el contexto técnico incluido y sin más preguntas.

    Diseñadores UI/UX

    En la revisión visual hay que marcar la diferencia entre el diseño y la página real. Las cinco herramientas son suficientemente precisas, y el enlace puede ir directo al cliente para su validación.

    Responsables de equipo / proyecto

    La fase de UAT y aceptación sufre sobre todo cuando el feedback está repartido entre los dispositivos de cada uno. BugCapturer lo reúne en un solo sitio —tu tabla de Lark o tu sistema actual— y así avance, responsables y estado se ven de un vistazo. Justo ahí suele atascarse la eficiencia del equipo.

    Usuarios de a pie

    Cualquiera que detecte un problema en una web y quiera reportarlo. Sin conocimientos técnicos, sin DevTools y en 30 segundos.

    BugCapturer frente a otras vías

    Dimensión Manual: captura + correo Foto del móvil en un chat Plataforma de feedback dedicada BugCapturer
    Tiempo 5-15 minutos 2 minutos 3-5 minutos 30 segundos
    Anotación Ninguna / débil Ninguna Fuerte 5 herramientas
    Información técnica Escrita a mano Ninguna Automática Automática
    Errores de consola Requiere DevTools Ninguno Parcial Automático
    Errores de red Requiere DevTools Ninguno Parcial Automático
    Destino del informe Bandeja personal Chat de grupo Dentro de la plataforma Tabla Lark / webhook / enlace
    Colaboración Débil Débil Fuerte Integraciones compartidas + enlaces públicos
    Precio Gratis Gratis De pago Gratis para empezar

    Instalación y uso

    Instalar

  • Abrir Chrome Web Store
  • Hacer clic en «Añadir a Chrome»
  • Confirmar
  • Tiempo de instalación: unos 5 segundos.

    Usar

  • Navegar y detectar un problema
  • Hacer clic en el icono de BugCapturer (o clic derecho → «Comentario con captura»)
  • Arrastrar para seleccionar la zona
  • Anotar con flechas, texto, etc.
  • Elegir el tipo de feedback (Bug / Sugerencia / Pregunta)
  • Escribir una descripción (una frase basta)
  • Dejar marcado «Incluir diagnóstico técnico» (viene activado)
  • Elegir destino: generar un enlace público o enviarlo a la tabla Lark / webhook del equipo
  • Hacer clic en Enviar
  • ¡Listo! Un informe completo —captura, anotaciones, metadatos técnicos, errores de consola y de red— ya está en su sitio: como enlace o como fila en la tabla del equipo.

    Preguntas frecuentes

    ¿BugCapturer es gratis?

    Empezar es gratis. El plan gratuito incluye 1 asiento, 3 proyectos y 1 integración, y cubre lo esencial: anotación de capturas, grabación, diagnóstico automático y enlaces de compartición. Solo pagas cuando el equipo crece. Sin cuenta atrás de prueba.

    ¿Mis datos están seguros?

    Los informes viajan por HTTPS y se almacenan cifrados; los parámetros sensibles de las URL pasan a *; los enlaces tienen retención (30 días anónimo, 90 con sesión) y se pueden borrar en cualquier momento; las credenciales de integración solo las ve el propietario. Todo el detalle está en la política de privacidad.

    ¿Hace falta cuenta?

    Enviar informes, gestionar enlaces y configurar integraciones requieren una cuenta gratuita (un par de minutos). Quien recibe, en cambio, abre tus enlaces sin cuenta y sin instalar nada.

    ¿Hay soporte para Firefox / Safari?

    Por ahora Chrome y Edge (basados en Chromium). Firefox y Safari están previstos.

    ¿Las capturas se suben a la nube?

    Cuando generas un enlace o envías a una tabla/webhook, el informe (con la captura) se sube y se almacena para que el destinatario pueda abrirlo y el equipo encontrarlo. Lo que no compartes no se sube automáticamente.

    ¿BugCapturer escucha la consola todo el tiempo?

    No. Los errores de consola y las peticiones fallidas se capturan al enviar, para la página actual, sin escucha continua en segundo plano. Puedes desactivarlo desmarcando «Incluir diagnóstico técnico».

    ¿Pueden llegar los informes a nuestra tabla de Lark o a un sistema interno?

    Sí. Lark Bitable se conecta mediante un webhook de automatización, sin app de Lark; otros sistemas reciben una carga JSON firmada vía webhook genérico, con reintentos automáticos, registro de entregas y reenvío manual.

    ¿Qué idiomas se admiten?

    Chino (simplificado), inglés, alemán, francés, español, portugués (Brasil) y japonés: 7 en total. La interfaz sigue el idioma del navegador.

    ¿Listo para empezar?

    BugCapturer empieza gratis, en 7 idiomas. Del problema detectado al equipo: 30 segundos. Añadir BugCapturer a Chrome — gratis