Capture capturas de tela de rolagem de página da Web em tamanho real no Chrome

Índice:

Anonim

O navegador Google Chrome oferece duas maneiras de capturar telas de tela em tamanho real. Isso pode ser necessário ou útil para muitos trabalhadores da web, sejam eles desenvolvedores, designers, editores, gerentes, redatores, analistas ou qualquer outro trabalho possível baseado na web.

As abordagens que abordaremos para capturar capturas de tela de página da Web em tamanho real com o Chrome exigem a versão completa do Chrome para qualquer dispositivo de nível de desktop, que inclui Mac, Windows, Linux e Chromebook.Não são necessários plug-ins, pois usaremos ferramentas de desenvolvedor integradas com o Chrome.

note que estamos cobrindo o navegador Chrome aqui para desktop. Você também pode tirar screenshots de página inteira com o Firefox, Safari no Mac e Safari para iPhone e iPad, se precisar ou preferir.

Como capturar telas de rolagem em tamanho real no Chrome

Pronto para obter uma captura de tela em tamanho real de uma página da Web no Chrome? Veja o que fazer:

  1. Abra as Ferramentas do desenvolvedor do Chrome (Visualizar > Desenvolvedor > Ferramentas do desenvolvedor)
  2. Clique no botão Responsive Design Mode na gaveta de ferramentas do desenvolvedor
  3. Role toda a página da web para que todas as imagens carreguem (isso é importante para capturar imagens de carregamento lento, uma técnica comum usada para acelerar páginas da web)
  4. Clique nos três pontos verticais no canto superior direito da ferramenta Responsive Design e escolha “Capture full size screenshot”
  5. A captura de tela em tamanho real aparecerá na pasta padrão de downloads do Chrome

No Mac, você encontrará a captura de tela em tamanho real da página da Web disponível em Downloads do usuário, a menos que você a tenha alterado manualmente.

As dimensões da captura de tela capturada variam dependendo de qual dispositivo você escolheu no modo responsivo, por exemplo, se você escolheu o iPad Air e tirou uma captura de tela de rolagem em tamanho real da página inicial do osxdaily.com, sua captura de tela pode ser cerca de 2084 × 16439 pixels. Obviamente, quanto maior o estilo de uma página ou

Se você não percorrer uma página da Web inteira, as imagens de carregamento lento não serão capturadas pela captura de tela, tornando a captura de tela de página inteira incompleta e não representativa do que um usuário vê na página.

Capturando capturas de tela de página inteira no Chrome por meio do console

Outra maneira de fazer capturas de tela de página inteira no Chrome é usar o comando 'Executar' do console do desenvolvedor, digitar "captura de tela" e escolher "Capturar captura de tela em tamanho real" nas opções exibidas. Certifique-se de percorrer toda a página antes de fazer isso também.

Esta pode ser uma opção melhor para alguns usuários, mas é um pouco mais complexa para aqueles que estão menos familiarizados com linhas de comando.

Esses métodos para o Chrome são mais fáceis do que os disponíveis no Safari para Mac com ferramentas para desenvolvedores? Ou o método super simples de fazer capturas de tela completas da página da Web no Mac com o Firefox? Ou a maneira ainda mais fácil de tirar screenshots de página inteira usando iPhone ou iPad? Cabe a você decidir e provavelmente também depende de qual navegador você usa com mais frequência e de sua proficiência com cada um deles.

Capture capturas de tela de rolagem de página da Web em tamanho real no Chrome