Leitores como você ajudam a apoiar o MUO. Quando você faz uma compra usando links em nosso site, podemos ganhar uma comissão de afiliado. Consulte Mais informação.

As capturas de tela são uma ferramenta flexível para tarefas diárias, desde a apresentação de trabalhos até o compartilhamento de informações. Você pode fazer capturas de tela usando comandos de teclado, aplicativos e extensões de navegador, mas você já tentou fazer capturas de tela diretamente pelo Google Chrome?

Aqui está um cenário, você precisa de uma captura de tela de uma página da web inteira. Em vez de fazer várias capturas de tela da página, o que pode ser entediante, por que não fazer isso de uma só vez? Aqui é onde entram as ferramentas do desenvolvedor.

Este guia explicará como você pode usar as ferramentas do desenvolvedor do Chrome para fazer uma captura de tela de suas páginas da web com facilidade.

As ferramentas de desenvolvedor do Chrome são poderosas ferramentas de depuração integradas no navegador Google Chrome.

instagram viewer
As ferramentas permitem aos desenvolvedores para testar, depurar e otimizar aplicativos da Web para torná-los mais rápidos e confiáveis.

Alguns recursos incluem visualizar e editar o código de uma página da Web em tempo real, visualizar seu tráfego de rede e analisar seu desempenho, incluindo tempos de carregamento e uso de memória.

Para tirar uma captura de tela de uma página da web usando as ferramentas do desenvolvedor no Google Chrome, siga as etapas abaixo:

Primeiro, abra Google Chrome e, em seguida, dirija-se a um site ou página da Web específica. Em seguida, clique com o botão direito do mouse em qualquer lugar da página e clique em Inspecionar na parte inferior do menu suspenso para abrir o Ferramentas de desenvolvimento painel. Alternativamente, você pode usar Ctrl + Deslocamento + C.

Alternar o Barra de ferramentas do dispositivo clicando no segundo ícone no canto superior esquerdo ou Ctrl + Deslocamento + M. Você pode ver a aparência da página em diferentes dispositivos, como telefones e tablets.

No canto superior esquerdo, há um menu suspenso chamado Dimensões. Clicar nele revelará um menu com diferentes dispositivos. Clicar em uma opção mostrará a aparência da página nesse dispositivo. Você também pode ver a largura e a altura da página e uma opção de aumentar e diminuir o zoom.

Dependendo do seu dispositivo, a opção de largura ou altura (ou ambas) será anulada, impedindo que você altere seu tamanho.

Opcionalmente, você pode escolher o dispositivo e a orientação para tirar uma captura de tela usando Modo de dispositivo. Quando estiver satisfeito com a aparência de tudo, clique nos três pontos verticais na barra de dimensões e clique em Capturar captura de tela ou Capturar captura de tela em tamanho real.

Alternativamente, você pode usar Ctrl + Deslocamento + P para abrir o menu de comando e digite a palavra captura de tela na caixa de texto. Ao digitar a palavra, você notará que quatro tipos de opções de captura de tela aparecem em um menu suspenso:

  1. Capturar captura de tela da área: faz uma captura de tela de um elemento inspecionado.
  2. Capturar captura de tela em tamanho real: faz uma captura de tela da página inteira.
  3. Captura de tela do nó: arraste uma área especificada da página que deseja capturar.
  4. Capturar captura de tela: faz uma captura de tela de todo o conteúdo visível na página.

Para obter uma captura de tela mais ampla da página, ajuste o tamanho do painel de ferramentas do desenvolvedor. Você pode fazer isso passando o mouse sobre a direita da barra de rolagem vertical até ver uma seta com duas pontas. Clique nele e arraste o painel para a esquerda ou para a direita para alterar o tamanho da página.

A captura de tela será salva automaticamente no seu Transferências pasta como um arquivo de imagem PNG, desde que você não tenha qualquer problema ao baixar arquivos. A partir daí, você pode fazer quaisquer ajustes na imagem.

Uma nova maneira de tirar screenshots no Google Chrome

Tirar uma captura de tela usando as Ferramentas do desenvolvedor do Google Chrome pode ajudar você a fazer mais e economizar tempo. Ele também oferece uma nova maneira de fazer capturas de tela, seja você um desenvolvedor, designer ou usuário comum.

Na próxima vez que você precisar fazer uma captura de tela em uma orientação diferente ou em outro dispositivo, usar as Ferramentas do Desenvolvedor é uma maneira rápida e eficiente que está sempre disponível. Quando baixamos arquivos, eles são salvos em nossa pasta de downloads padrão. Mas se você quiser alterar a pasta, pode fazê-lo facilmente no Google Chrome.