Contamos com relatórios de bugs para melhorar nosso produto! Este artigo traz dicas para gravação de tela e geração de arquivos HAR.

Aplicativos de gravação de tela

Veja alguns aplicativos de gravação de tela que você pode configurar rapidamente:

Clipe

• Use nossa ferramenta integrada de gravação de tela, Clipe.
• Um proprietário ou administrador deve ativar o ClickApp de Clipe.

Loom

• Compatível com todos os navegadores
• Compartilhe vídeos de forma pública ou privada
• Versão gratuita

Cleanshot

• Compatível apenas com Mac
• Captura GIFs, vídeos e capturas de tela

Atalhos para captura de tela

Veja os atalhos de captura de tela para diferentes sistemas operacionais:

Android

• Mantenha os botões de energia e de diminuir o volume pressionados ao mesmo tempo por um instante para salvar uma captura de tela.

iOS

• Mantenha os botões Home e de energia pressionados ao mesmo tempo por um instante para salvar uma captura de tela.

Windows

• Copiar captura de tela cheia para a área de transferência: Impr Pant
• Salvar captura de tela cheia: Tecla Windows + Impr Pant
• Copiar captura de tela de uma única janela: Alt + Impr Pant
• Salvar captura de tela de uma única janela: Tecla Windows + Alt + Impr Pant

Mac

• Salvar captura de tela cheia: Command + Shift + 3
• Salvar captura de tela de uma única janela: Command + Shift + 4
• Salvar captura de tela de uma seleção: Command + Shift + 4

Ubuntu

• Captura de tela cheia: Impr Pant
• Captura de tela da janela atual: Alt + Impr Pant
• Captura de tela de uma seleção: Shift + Impr Pant

Gerar um arquivo HAR

O Suporte Técnico do ClickUp pode precisar, em alguns casos, de registros adicionais para a equipe de Desenvolvimento ao investigar um bug. Podemos pedir que você grave um arquivo HAR — um registro das requisições de rede — enquanto o problema ocorre.

Um arquivo HAR pode incluir dados pessoais. A Cloudflare disponibilizou um sanitizador de HAR.

As instruções para gerar um arquivo HAR variam conforme o navegador:

• Google Chrome
• Firefox
• Brave
• Aplicativo desktop para Windows

Gerar um arquivo HAR no Google Chrome

Para gerar um arquivo HAR no Google Chrome:

1. Abra as Ferramentas do desenvolvedor do Chrome selecionando Exibir, Desenvolvedor e, em seguida, Ferramentas do desenvolvedor.
2. Clique na aba Rede. Se ela não estiver visível, clique primeiro no ícone expandir.

   

3. Na janela Ferramentas do desenvolvedor:
   • Verifique se o botão de gravação no canto superior esquerdo está vermelho. Se estiver cinza, clique nele uma vez para iniciar a gravação.
   • Marque a caixa Preservar registro.
   • Limpe as abas Rede e Console clicando no ícone Limpar.
4. Reproduza o bug e aguarde o carregamento completo dos registros. Isso não deve levar mais de um minuto.
5. Salve o arquivo HAR clicando no ícone Baixar.

Gerar um arquivo HAR no Firefox

Para gerar um arquivo HAR no Firefox:

1. No Firefox, selecione Ferramentas, Ferramentas do navegador e, em seguida, Ferramentas do desenvolvedor web.

2. Na janela Ferramentas do desenvolvedor:

   

   • Verifique se a aba Rede não está pausada.
   • Verifique se a opção Persistir registros está marcada no menu de configurações.
   • Limpe as abas Rede e Console clicando no ícone Lixeira.
3. Reproduza o bug e aguarde o carregamento completo dos registros. Isso não deve levar mais de um minuto.
4. Salve o arquivo HAR clicando na opção Salvar tudo como HAR no menu de configurações.

Gerar um arquivo HAR no Brave

1. No Brave, selecione Exibir, Desenvolvedor e, em seguida, Ferramentas do desenvolvedor.
2. Na janela Ferramentas do desenvolvedor:
   • Verifique se a aba Rede não está pausada.
   • Verifique se a opção Preservar registro está marcada.
   • Limpe as abas Rede e Console clicando no ícone Limpar.
3. Reproduza o bug e aguarde o carregamento completo dos registros. Isso não deve levar mais de um minuto.
4. Salve o arquivo HAR clicando no ícone Baixar.

Gerar um arquivo HAR no aplicativo desktop para Windows

1. No aplicativo desktop, selecione Exibir e, em seguida, Alternar ferramentas do desenvolvedor.
2. Na janela Ferramentas do desenvolvedor:

   

   • Verifique se a aba Rede não está pausada.
   • Verifique se a opção Preservar registro está marcada.
   • Limpe as abas Rede e Console clicando no ícone Limpar.
3. Reproduza o bug e aguarde o carregamento completo dos registros. Isso não deve levar mais de um minuto.
4. Salve o arquivo HAR clicando no ícone Baixar.

Gerar registros de WebSockets

O Suporte Técnico do ClickUp também pode solicitar registros de WebSockets ao investigar um bug.

Para gerar e salvar um registro de WebSockets:

1. Primeiro, abra as Ferramentas do desenvolvedor do Chrome.
2. Com a janela Ferramentas do desenvolvedor aberta, atualize a página. As Ferramentas do desenvolvedor do Chrome precisam ser recarregadas antes para que os registros sejam capturados corretamente.
3. Verifique se a aba Rede está selecionada e gravando.
4. Abra a aba WS.
5. Verifique se pelo menos um item GraphQL aparece na lista. O carregamento pode levar até sete segundos. Se não carregar, tente atualizar a página.
6. Aguarde o carregamento completo dos registros. Isso não deve levar mais de um minuto.
7. Salve o arquivo de registro de WebSockets clicando no ícone de download.
8. Nomeie o arquivo WS.har. Um registro de WebSockets pode incluir dados pessoais, mas você pode usar o sanitizador da Cloudflare para removê-los.
9. No e-mail com o Suporte Técnico do ClickUp, anexe o arquivo.