Como fazer uma captura de tela da página da web inteira do Chrome

O Google Chrome é atualmente o navegador mais usado por milhões de usuários em todo o mundo, caracterizado por seus recursos e capacidades de desenvolvimento. Em situações específicas, podemos querer fazer a captura de tela do site que estamos visitando no Google Chrome e existem opções práticas para isso que não envolvem as ferramentas clássicas como Snipping no Windows 10 ou as teclas Command + Shift + 4 no macOS Mojave.

No Firefox Quantum, que é outro navegador muito utilizado, já vimos como fazer um screenshot ou screenshot de toda a página da web, hoje é a vez do Google Chrome, que nas opções a seguir explicamos minuciosamente, para sermos especialistas em ser capaz de realizar este tipo de captura de todas as maneiras possíveis.

Através deste tutorial aprenderemos a capturar a tela no Google Chrome de forma prática usando os próprios utilitários do navegador.

1. Captura de tela no Google Chrome usando extensão


Extensões ou add-ons são uma das maneiras mais fáceis de maximizar o desempenho do navegador e no caso de capturas de tela temos várias opções.

Passo 1
Para isso, iremos ao seguinte link:

Passo 2
Lá, inserimos o termo "captura de tela" no campo de pesquisa da loja:

etapa 3
Os resultados serão os seguintes:

Passo 4
Aí clicamos na extensão “Screen capture” e será apresentado o seguinte:

Etapa 5
Clicamos no botão "Adicionar ao Chrome" para adicionar a respectiva extensão ao navegador:

Etapa 6
Clique em Adicionar extensão para concluir a ação. Agora teremos a extensão adicionada e basta clicar nela para ver suas várias opções:

Etapa 7
Lá, temos as seguintes opções:

  • Capture uma região específica da página da web
  • Capture a página da web inteira
  • Capture apenas o conteúdo visível

Etapa 8
Assim que pressionamos lá, passamos para a captura de tela, onde veremos o seguinte:

PROLONGAR

Etapa 9
Lá podemos adicionar anotações para a captura, salvar ou compartilhar a captura, essas opções estão disponíveis na parte superior.

Etapa 10
Podemos clicar no botão "Opções" onde será possível estabelecer o seguinte:

  • Tipo de formato em que a imagem será salva (JPG.webp ou PNG)
  • Crie atalhos de teclado

PROLONGAR

2. Captura de tela no Google Chrome sem usar extensões


Esta é outra alternativa prática para capturar uma tela no Google Chrome e requer acesso às opções do desenvolvedor do navegador.

Passo 1
Para isso devemos ter o Google Chrome em sua versão 59 e para saber a versão atual temos duas opções:

  • Execute a seguinte linha em uma nova janela:
 chrome: // settings / help
  • No caminho Menu / Ajuda / Sobre o Google Chrome

Passo 2
Assim que tivermos conhecimento da versão do Google Chrome, podemos iniciar o processo de captura de tela no Google Chrome. Para isso clicamos no ícone Personalizar e controlamos o Google Chrome e lá vamos para a rota "Mais ferramentas / Ferramentas do desenvolvedor":

ObservaçãoTambém podemos usar a combinação de teclas, dependendo se temos Windows ou Mac:

Modo de desenvolvedor Mac

⌥ + ⌘ + I

Modo de desenvolvedor Windows

Ctrl + Shift + I

etapa 3
Na seção exibida, podemos usar dois modos:

Modo de dispositivoNa janela exibida, usamos a combinação de teclas Ctrl + Shift + M para acessar este modo e na seção "Responsivo" podemos definir o tipo de dispositivo a ser usado:

Ctrl + Shift + M

Ao selecionar o tipo de dispositivo, podemos clicar no ícone do menu localizado na parte superior e a partir daí selecionar a opção de captura de tela:

Ao selecionar a opção "Capture full size screenhoot", ela será automaticamente salva como PNG:

Modo de comandoÉ um método ainda mais prático que o anterior e para isso devemos acessar as ferramentas do desenvolvedor novamente ou usando as teclas Ctrl + Shift + I e assim que a janela lateral for exibida usamos as teclas Ctrl + Shift + P e aí simplesmente insira o termo "screenhoot" no campo superior e as opções disponíveis serão exibidas automaticamente. Clicamos na opção "Capture full size screenhoot".

Ctrl + Shift + I

Ctrl + Shift + P

Com esses métodos simples, será possível fazer capturas de tela no Google Chrome. E também explicou como fazer uma captura de tela de toda a página da web.

Isso seria o resultado da criação de uma captura de tela da página da web completa neste exemplo, a página inicial do Solvetic.

wave wave wave wave wave