🚀 Produtividade

Como fazer uma captura de tela (screenshot) de uma página inteira de um site no Chrome ou Firefox2 min leitura

Uma dica rápida para facilitar o seu dia a dia fazendo capturas de telas.

No meu dia a dia faço muitas capturas de telas para fazer pequenos tutoriais, reportar erros ou então compartilhar algo que estou fazendo para ser aprovado por outras pessoas. Na maioria das vezes utilizo o Flameshot para fazer isso, mas ele não consegue realizar o schreenshot de uma página inteira de um site (com rolagem). A boa notícia é que não precisei procurar muito, pois os próprios navegadores Chrome e Firefox fazem isso nativamente e não é preciso adicionar nenhuma extensão!

Firefox

Passo a passo em vídeo para o Firefox
  1. Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção Captura tela.
  2. Selecione a opção Salvar página completa.

Também é possível utilizar a tecla de atalho Ctrl + Shift + S.

Para mais informações consulte a documentação oficial do Firefox.

Google Chrome

Opção 1: Visualizador de dispositivos

Passo a passo em vídeo para o Chrome
  1. Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção Inspecionar.
  2. Na nova área do navegador, clique no ícone de um “Celular e Tablet” para mudar a visualização da página para outros tamanhos de tela. Se você já fez isso antes, pode ser que esta opção já esteja ativa.
  3. Selecione a largura de tela desejada. Você pode definir um dos tamanhos pré-definidos (como mostrado no vídeo) ou então digitar uma largura manualmente.
  4. Clique no ícone com três pontos no canto superior da tela e selecione a opção Capture full size screenshot.

Opção 2: Através do terminal de comandos

Passo a passo em vídeo para o Chrome pelo terminal de comandos
  1. Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção Inspecionar.
  2. Na nova área do navegador, clique no ícone com três pontos e selecione Run command.
  3. Digite Capture full size screenshot.

Você também pode usar a tecla de atalho Ctrl+Shift+P para pular o passo 1 e 2.

Agradeço ao site CSS-Tricks por ter me ensinado fazer isso no Chrome.

Similar Posts

Você tem algo construtivo sobre este texto para dizer? Então comente abaixo