Skip to content

Como fazer uma captura de tela no Google Chrome usando ferramentas de desenvolvimento

2 de maio de 2021

O que saber

  • Em um PC: pressione Ctrl + Shift + I, em seguida, Ctrl + Shift P.
  • Mac: pressione Command + Option + I, em seguida, Command + Shift P.
  • Em seguida, digite “screenshot” para ver as quatro opções de screenshot.

Este artigo explica como capturar capturas de tela no Chrome usando ferramentas de desenvolvedor.

Como usar as ferramentas do desenvolvedor do Chrome para fazer capturas de tela

A diferença entre usar a tecla Print Screen e a ferramenta Chrome é que a ferramenta de captura de tela do Chrome não inclui as bordas da janela do navegador Chrome – apenas o conteúdo da página da web. Se você deseja capturar apenas o conteúdo da página sem editar suas capturas de tela, as ferramentas do desenvolvedor podem economizar uma etapa. Você pode usar menus ou atalhos de teclado para acessar as ferramentas do desenvolvedor.

  1. Pressione Ctrl + Shift + I em um PC ou Command + Option + I em um Mac. Alternativamente, clique no ícone do menu de três pontos e selecione Mais ferramentas > Ferramentas de desenvolvimento. Isso abre o menu do desenvolvedor do Inspetor de elemento, que mostra o código HTML da página da web.

  2. Em seguida, pressione Ctrl + Shift P (PC) ou Command + Shift P (Mac) ou clique no menu de três pontos para Personalizar e controlar DevTools e selecione Comando de execução.

    Opções de captura de tela nas ferramentas de desenvolvedor do Chrome.

    Apenas para uma captura de tela normal ou em tamanho real, clique no ícone do menu de três pontos na parte superior da página que deseja capturar e selecione Captura de tela ou Capture a captura de tela em tamanho real.

  3. Digite “screenshot” para ver as opções de screenshot, que são:

    • Captura de tela da área
    • Capture screenshot em tamanho real
    • Captura de tela do nó
    • Captura de tela

    Opções de captura de tela nas ferramentas de desenvolvedor do Chrome.

  4. Role para baixo para selecionar o tipo de captura de tela que deseja capturar usando o mouse ou as teclas de seta do teclado.

Opções de captura de tela do desenvolvedor Chrome

Selecione Captura de tela da área para pegar parte da tela. Use o mouse para arrastar uma caixa ao redor da área da qual deseja fazer a captura de tela. Para obter uma captura de tela de uma página da web inteira, selecione Capture a captura de tela em tamanho real. Essa opção permite obter a imagem de uma página da web que não cabe confortavelmente em uma tela. Esta opção teve resultados mistos em nossos testes, dependendo do site. Se você quiser uma captura de tela padrão, escolha Captura de tela, que captura o que está visível na tela. Por fim, você pode obter uma captura de tela de um elemento HTML escolhendo Captura de tela do nó. Depois de capturar uma captura de tela, você verá uma caixa de diálogo Salvar. Escolha uma pasta e atribua um nome de arquivo à captura de tela. Todas as capturas de tela capturadas com as ferramentas do desenvolvedor também estão disponíveis no gerenciador de download do Chrome.