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.