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
- Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção
Captura tela. - 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
- Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção
Inspecionar. - 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.
- 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.
- 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
- Clique com o botão direito do mouse em uma parte vazia de uma página e selecione a opção
Inspecionar. - Na nova área do navegador, clique no ícone com três pontos e selecione
Run command. - 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.
Deixe um comentário