O que é o BugCapturer? Uma ferramenta gratuita de feedback visual para a web

Por que o BugCapturer

Como o relato tradicional de bug é doloroso

Você encontra um problema em um site e quer reportá-lo. O fluxo tradicional é assim:
  • Pressionar Print Screen
  • Abrir o Paint e colar
  • Circular a área do problema com o pincel (feio e impreciso)
  • Abrir seu cliente de e-mail
  • Digitar a URL à mão
  • Procurar e digitar a versão do navegador à mão
  • Tentar abrir o DevTools e copiar o erro (se souber como)
  • Escrever uma descrição
  • Anexar a captura
  • Enviar para alguém e esperar que essa pessoa coloque em um sistema de acompanhamento
  • Tempo total: 5-15 minutos. E o mais comum é faltarem dados essenciais, então os desenvolvedores voltam com perguntas.

    Como o BugCapturer faz

  • Clicar no ícone da extensão
  • Arrastar para selecionar a área do problema
  • Adicionar setas ou texto
  • Escrever uma frase
  • Clicar em Compartilhar para gerar um link, ou enviar o relatório direto para a tabela do time
  • Tempo total: 30 segundos. URL, informações do navegador, erros de console, requisições com falha: tudo é capturado automaticamente e entregue junto com o relatório.

    Funcionalidades em detalhe

    Captura de área

    Depois de clicar no ícone da extensão, arraste sobre a página para selecionar uma área. Sem captura de tela inteira nem recorte depois: você escolhe exatamente a área que quer reportar.
    • 8 alças para ajustar a seleção com precisão
    • Tudo fora da seleção é escurecido automaticamente
    • Atalho pelo menu de contexto (“Feedback com captura”)

    5 ferramentas de anotação

    Após a captura, o editor oferece cinco ferramentas:
    Ferramenta Uso Exemplo
    Seta Apontar o elemento problemático Seta vermelha em botões sobrepostos
    Retângulo Enquadrar a área afetada Caixa em volta de um bloco desalinhado
    Texto Adicionar uma observação “O texto está cortado aqui”
    Pincel Desenhar livremente Circular, sublinhar, marcar
    Mosaico Desfocar informações sensíveis Ocultar nomes, e-mails, chaves de API
    Ao terminar, a captura é salva junto com o relatório. Você pode transformá-la em um link público para qualquer pessoa, ou enviá-la direto para a tabela ou o webhook conectado ao seu time.

    Metadados técnicos automáticos

    Ao enviar um relatório, o BugCapturer captura automaticamente o seguinte — nada para digitar:
    Informação Por que importa
    URL da página Localizar a página exata
    Nome e versão do navegador Diagnosticar compatibilidade
    Sistema operacional Diagnosticar problemas específicos do sistema
    Resolução de tela Diagnosticar problemas de layout
    Tamanho do viewport Avaliar problemas de responsividade
    Device Pixel Ratio (DPR) Diagnosticar problemas Retina/HiDPI
    Carimbo de data e hora Registrar quando o problema ocorreu
    Preencher isso à mão leva 2-3 minutos e dá erro. O BugCapturer faz em um clique.

    Captura automática de erros de console

    Quando uma página quebra, o console do navegador quase sempre tem algo a dizer. Mas a maioria não sabe como abri-lo, muito menos copiar o erro. O BugCapturer captura os erros de console por você:
    • Apenas nível error (ruído de info/warn é filtrado)
    • Inclui a mensagem e a origem (arquivo:linha:coluna)
    • Até as últimas 10 entradas
    • Capturados no envio do relatório, sem escuta em segundo plano
    • Pode ser desmarcado — o controle é seu
    Assim, até o usuário menos técnico envia um relatório com diagnóstico profissional.

    Captura automática de requisições com falha

    Muitos problemas de uma página não são de renderização: uma chamada de API falhou e o dado nunca chegou. O BugCapturer captura as requisições de rede com falha:
    • Apenas requisições com status ≥ 400 (falhas reais)
    • Inclui URL, método HTTP, código e texto de status
    • Até as últimas 5 entradas
    • Parâmetros sensíveis da URL são mascarados automaticamente (token, key, secret, password e afins viram *)
    • Capturadas no envio do relatório, sem escuta em segundo plano

    Compartilhar em um clique, ou direto no fluxo do time

    Com a descrição pronta, o relatório pode seguir dois caminhos — você escolhe:
    • Gerar um link de compartilhamento: um clique entrega um link público. Quem recebe não instala nada e não precisa de conta: abre no navegador e vê a captura anotada, a URL e o diagnóstico completo. Serve para chat, e-mail ou ticket.
    • Encaminhar para um destino: pelo seletor de destino, envie o relatório direto para o Lark Bitable ou para o seu webhook. Captura, erros de console e requisições com falha viajam junto, então ele vira uma linha da tabela do time — ou dispara qualquer fluxo nos seus sistemas.
    Nenhum dos caminhos exige reorganizar informação à mão, nem um intermediário que transfira o relatório para o sistema.

    Trabalho em equipe: configura uma vez, todos usam

    • Times e membros: o proprietário configura uma integração uma vez e o time inteiro usa. Convites exigem aceite explícito.
    • Credenciais privadas: membros enviam por uma integração compartilhada sem nunca ver as credenciais.
    • Projetos e domínios: um projeto por site, com lista de domínios autorizados — assim suas chaves de SDK não são usadas indevidamente.
    • Links gerenciáveis: usuários com login gerenciam ou excluem seus links quando quiserem na página “Meus compartilhamentos”.
    O feedback deixa de viver na caixa de entrada de uma pessoa e passa a chegar onde o time inteiro alcança: qualquer um encontra, qualquer um dá sequência.

    Integrações: os relatórios entram nas ferramentas que você já usa

    Integração Ideal para Observação
    Lark Bitable Times na China Sem criar app da Lark: grava na tabela via webhook de automação, com notificações no grupo usando as automações da Lark
    Webhook genérico Times com sistemas próprios Payloads JSON assinados e versionados para n8n / Zapier / Make / serviços internos, com repetição automática, log de entregas e reenvio manual

    7 idiomas

    O BugCapturer oferece 7 idiomas de interface:
    • 中文(简体)
    • English
    • Deutsch
    • Français
    • Español
    • Português (Brasil)
    • 日本語
    A extensão segue o idioma do navegador automaticamente e também pode ser trocada à mão.

    Segurança de dados e privacidade

    O BugCapturer é uma plataforma de colaboração na nuvem e transforma “o que é processado, por quanto tempo e quem pode ver” em regras explícitas:
    Prática Como funciona
    Criptografia em trânsito e em repouso Os relatórios trafegam por HTTPS e são armazenados criptografados no servidor
    Mascaramento automático de URL token, key, secret, password e afins viram *
    Retenção dos links Links anônimos por 30 dias, com login por 90 dias, depois são limpos automaticamente — e você pode excluir quando quiser
    Links não adivinháveis Os links usam identificadores aleatórios: ninguém enumera relatórios de outras pessoas
    Isolamento de permissões As integrações do time são configuradas pelo proprietário; membros usam sem ver as credenciais; projetos são visíveis apenas dentro do time
    Captura no envio Erros de console e requisições são capturados no envio, não continuamente em segundo plano
    Controle do usuário O diagnóstico técnico vem ligado por padrão e pode ser desmarcado em um clique
    Um relatório não sai do seu controle ao ser enviado: você vê para onde cada um foi e quando foi entregue, falhas são repetidas automaticamente e ficam registradas. Para times com governança e auditoria, são regras que podem entrar em um processo.

    Para quem é o BugCapturer

    QA / testadores

    O público principal. Para quem reporta muitos bugs por dia, o BugCapturer reduz cada relatório de 5-15 minutos para 30-60 segundos, com o diagnóstico técnico que evita o vai e volta do “não consigo reproduzir”.

    Desenvolvedores front-end

    Ao depurar compatibilidade entre navegadores, é preciso registrar como a página se comporta em cada um. O BugCapturer captura versão, resolução e viewport automaticamente: nada para anotar.

    Product managers

    Quando o feedback é vago, é preciso ver. Com o SDK no site, os visitantes apontam o problema direto, com o contexto técnico incluído e sem perguntas extras.

    Designers UI/UX

    Na revisão visual é preciso marcar a diferença entre o design e a página real. As cinco ferramentas são precisas o suficiente, e o link pode ir direto ao cliente para aprovação.

    Líderes de time / de projeto

    A fase de UAT e aceite sofre mais quando o feedback está espalhado pelos dispositivos de cada um. O BugCapturer reúne tudo em um lugar — sua tabela do Lark ou o sistema que já usam — e assim andamento, responsáveis e status ficam visíveis de uma vez. É exatamente aí que a eficiência do time costuma travar.

    Usuários comuns

    Qualquer pessoa que encontre um problema em um site e queira reportar. Sem conhecimento técnico, sem DevTools, 30 segundos até um relatório profissional.

    BugCapturer vs. outras abordagens

    Dimensão Manual: captura + e-mail Foto no celular em um chat Plataforma de feedback dedicada BugCapturer
    Tempo 5-15 minutos 2 minutos 3-5 minutos 30 segundos
    Anotação Nenhuma / fraca Nenhuma Forte 5 ferramentas
    Informação técnica Digitada à mão Nenhuma Automática Automática
    Erros de console Exige DevTools Nenhum Parcial Automático
    Erros de rede Exige DevTools Nenhum Parcial Automático
    Destino do relatório Caixa pessoal Chat do grupo Dentro da plataforma Tabela Lark / webhook / link
    Colaboração Fraca Fraca Forte Integrações compartilhadas + links públicos
    Preço Grátis Grátis Pago Grátis para começar

    Instalar e usar

    Instalação

  • Abrir a Chrome Web Store
  • Clicar em “Adicionar ao Chrome”
  • Confirmar
  • Tempo de instalação: cerca de 5 segundos.

    Uso

  • Navegar e encontrar um problema
  • Clicar no ícone do BugCapturer (ou clicar com o botão direito → “Feedback com captura”)
  • Arrastar para selecionar a área
  • Anotar com setas, texto etc.
  • Escolher o tipo de feedback (Bug / Sugestão / Pergunta)
  • Escrever uma descrição (uma frase basta)
  • Manter “Incluir diagnóstico técnico” marcado (já vem ligado)
  • Escolher o destino: gerar um link público ou enviar para a tabela Lark / webhook do time
  • Clicar em Enviar
  • Pronto! Um relatório completo — captura, anotações, metadados técnicos, erros de console e de rede — já está no lugar: como link ou como linha na tabela do time.

    Perguntas frequentes

    O BugCapturer é grátis?

    Começar é grátis. O plano gratuito inclui 1 assento, 3 projetos e 1 integração, e cobre o essencial: anotação de capturas, gravação, diagnóstico automático e links de compartilhamento. Você só evolui quando o time cresce. Sem contagem regressiva de teste.

    Meus dados estão seguros?

    Os relatórios trafegam por HTTPS e são armazenados criptografados; parâmetros sensíveis das URLs viram *; os links têm retenção (30 dias anônimo, 90 com login) e podem ser excluídos a qualquer momento; as credenciais de integração são visíveis apenas ao proprietário. Os detalhes estão na política de privacidade.

    Preciso de conta?

    Enviar relatórios, gerenciar links e configurar integrações exigem uma conta gratuita — alguns minutos de cadastro. Quem recebe, por outro lado, abre seus links sem conta e sem instalar nada.

    Há suporte a Firefox / Safari?

    Por enquanto Chrome e Edge (baseados em Chromium). Firefox e Safari estão planejados.

    As capturas vão para a nuvem?

    Ao gerar um link ou enviar para tabela/webhook, o relatório (com a captura) é enviado e armazenado — é isso que permite ao destinatário abrir e ao time encontrar. O que você não compartilha não é enviado automaticamente.

    O BugCapturer fica ouvindo o console o tempo todo?

    Não. Erros de console e requisições com falha são capturados no envio, para a página atual, sem escuta contínua em segundo plano. Você pode desligar tudo desmarcando “Incluir diagnóstico técnico”.

    Os relatórios podem chegar na nossa tabela do Lark ou em um sistema interno?

    Sim. O Lark Bitable conecta por um webhook de automação, sem app da Lark; outros sistemas recebem um payload JSON assinado via webhook genérico, com repetição automática, log de entregas e reenvio manual.

    Quais idiomas são suportados?

    Chinês (simplificado), inglês, alemão, francês, espanhol, português (Brasil) e japonês — 7 no total. A interface segue o idioma do navegador.

    Pronto para começar?

    O BugCapturer começa grátis, em 7 idiomas. Do problema encontrado até o time: 30 segundos. Adicionar o BugCapturer ao Chrome — grátis