Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the ultimate-addons-for-gutenberg domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /sites/danielkossmann.com/files/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the hustle domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /sites/danielkossmann.com/files/wp-includes/functions.php on line 6114
Como fazer uma captura de tela (screenshot) de uma página inteira de um site no Chrome ou Firefox - Daniel Kossmann

Daniel Kossmann

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

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

—

by

Daniel Kossmann
in

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!

Sumário
  1. Firefox
  2. Google Chrome

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.

Daniel Kossmann

Sou apaixonado por aprendizado contínuo e compartilhamento de conhecimento, por isso defendo o código aberto e o Creative Commons. Acredito que compartilhar conhecimento pode impulsionar a inovação e melhorar o mundo.

Comments

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *