O que saber
- Selecione os três pontos Menu Mais > Mais ferramentas > Ferramentas do desenvolvedor. Clique no ícone de reticências > Executar comando > digite "screenshot".
- Escolha um tipo: Captura de tela da área, Captura de tela em tamanho real, Captura de tela do nó ou Captura de tela.
Este artigo explica como fazer capturas de tela no Microsoft Edge usando um utilitário oculto dentro das ferramentas do desenvolvedor.
Como fazer uma captura de tela de uma página da Web no Edge
A capacidade de tirar screenshots de páginas inteiras de páginas da web do próprio navegador é inestimável, pois nem todos os softwares de captura de tela fazem um trabalho limpo com conteúdo rolável. Você pode usar as ferramentas do desenvolvedor no Edge para fazer capturas de tela de página inteira e três outros tipos de capturas de tela.
O navegador salva os arquivos de imagem na pasta de download padrão em seu computador ou solicitará um local específico.
-
Pressione a tecla F12 ou Ctrl + Shift + I no teclado do Windows para abrir Ferramentas do desenvolvedor no Microsoft Edge. Os usuários do macOS devem usar o atalho de teclado Command + Option + I. Você também pode acessar as ferramentas do desenvolvedor na barra de ferramentas do Edge. Selecione os três pontos More > More tools > Developer tools
Image -
No painel de ferramentas do desenvolvedor, selecione o ícone de reticências de três pontos no canto superior direito para abrir o Personalizar e controlar DevTools.
Image - Selecione Executar comando (ou pressione Ctrl + Shift + P) no menu vertical.
-
Digite "screenshot" no painel de comando Executar para exibir os quatro comandos possíveis. Esses quatro comandos ajudam você a selecionar a parte da página da Web que deseja capturar.
Image -
Selecione Capturar captura de tela da área na lista de comandos para fazer uma captura de tela de uma área específica. Use a cruz para clicar com o botão esquerdo e desenhe o contorno da captura de tela. (Destacamos uma seção para mostrar que fica cinza escuro, mas obviamente, você destacará a parte desejada.)
Image - Selecione Capturar captura de tela em tamanho real na lista de comandos para fazer uma captura de tela em tamanho real. Isso captura toda a página da web, incluindo o conteúdo rolável que não está na tela.
-
Selecione Capturar captura de tela do nó na lista de comandos para capturar um Nó HTML selecionado nas Ferramentas de Desenvolvimento na guia Elements. Você também pode clicar com o botão direito do mouse no nó selecionado e selecionar Capturar captura de tela do nó. Por exemplo, selecione a “classe de cabeçalho” e capture o cabeçalho da página da web.
Image - Selecione Capturar captura de tela da lista de comandos para fazer uma captura de tela da visualização ativa. Esta é a área visível dentro do navegador e não inclui a área rolável, mas invisível.
Dica:
Navegadores Chromium como Chrome e Edge também permitem que você emule outros dispositivos e suas resoluções de tela. Você também pode usar essa propriedade e os comandos de captura de tela e capturar a aparência de uma página da Web em um dispositivo específico.
Selecione Alternar emulação de dispositivo na barra de ferramentas Developer tools (ou pressione Ctrl + Shift + M).
