artigos úteis

Como capturar páginas da Web inteiras sem uma extensão do Chrome

Chrome: Capturar capturas de tela é fácil, esteja você no Windows (pressione o botão Print Screen no teclado) ou no Mac (Shift-Command-5). E embora você possa isolar apenas sua janela ativa usando vários comandos do teclado ou opções na tela, o que facilita a captura instantânea do que você estiver fazendo, isso ainda não é o ideal se você estiver tentando tirar uma foto de um site completo - mais do que o que estiver na sua tela, é isso.

Não há escassez de extensões de navegador que prometem capturar capturas de tela de página inteira em seu nome, e várias delas são ótimas (supondo que você não tenha problemas de renderização loucos ao usá-las). No entanto, você realmente não precisa de uma extensão para tirar uma captura de tela de uma página da web. Nós falamos sobre como fazer isso no Firefox e agora é a vez do Chrome.

Primeiro, uma dica rápida para o desenvolvedor Max Böck, que é onde eu me deparei com esse método. Você começará abrindo as Ferramentas de desenvolvedor do Chrome via F12 no teclado (Windows) ou Command + Option + i (Mac). Você entrará no modo Dispositivo clicando no pequeno ícone que parece um smartphone na frente de um tablet:

Aqui está o que isso faz com a página que você está visualizando no seu navegador:

Antes

Depois de

Você quer ter certeza de que a predefinição "Responsive" está selecionada - foi, por padrão, quando eu fiz isso. Em seguida, clique no ícone de três pontos na extremidade direita da mesma barra de ferramentas (fica um pouco à esquerda do botão do modo Dispositivo em que você clicou anteriormente). Você deseja selecionar a opção "Adicionar taxa de pixels do dispositivo" e depois alterar essa taxa (DPR) no campo que aparece de dois - o padrão - para três.

A partir daí, basta pressionar Control / Command + Shift + P e digitar “Capturar captura de tela em tamanho real”. Selecione essa opção e o Chrome criará automaticamente um adorável .PNG da página e soltará na pasta Downloads .

Se você deseja ajustar a aparência da captura de tela, sinta-se à vontade para brincar com as dimensões, digitando sua própria altura e largura em pixels ou explorando as predefinições disponíveis, passando o mouse sobre as barras cinza abaixo das opções do modo de dispositivo.

Costumo usar o modo "laptop" para o meu, que define a largura da tela em 1440px agradáveis ​​- criando ótimas capturas de tela dos sites que estou tentando arquivar.