Capture uma captura de tela grande da web no Chrome

Question

A página da Web é muito grande (alguns MB). Eu tentei essas extensões e todas falharam:

• Captura de tela (pelo Google) - recebo uma nova guia sem imagem
• Pixlr Grabber - recebo um erro de solicitação "500" depois de pressionar salvar
• Capture Webpage Screenshot - Fireshot - informando que a página é muito grande e que será salva na RAM, após o qual recebo um erro: Insufficient video memory: You need at least -2365 MB of RAM (isso é ridículo, e eu gosto de 1 GB )
• Página da Web & Captura de tela da WebCam - não recebo nenhuma imagem
• Impressionante Screenshot - Capture & Anotar - Diz capturing... , e quando terminar, abre uma nova aba com alguns botões. Quando pressiono "pronto", diz preparing your image... para sempre.

Você conhece alguma ferramenta de captura de tela do site que realmente funcione?

    

Answer 1

Acabei usando o PhantomJS no windows, usei ...

screenshot.js

var page = require('webpage').create();

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

Jogue isso na sua pasta phantomjs, depois mais um arquivo, screenshot.cmd

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

Com esses dois arquivos na sua pasta phantomjs, execute screenshot.cmd ... Acabei de gerar um arquivo png de 40mb de uma página gigantesca, demorou um pouco e foi embora, mas finalmente saiu!

    

Answer 2

Se você estiver usando o Chrome, eu usaria o CutyCapt para capturar a renderização do webkit para uma imagem.

CutyCapt is a small cross-platform command-line utility to capture WebKit's rendering of a web page into a variety of vector and bitmap formats, including SVG, PDF, PS, PNG, JPEG, TIFF, GIF, and BMP. See IECapt for a similar tool based on Internet Explorer.

    

Answer 3

Capture large webpage screenshot in Chrome? The webpage is very large (a few MB). I tried Screen Capture (by Google) - I get a new tab with no image in it

Isso é devido a peculiaridades com o elemento de tela que ele usa. Ignore-o, salve o arquivo e abra o arquivo; deve estar bem.

Há algum tempo atrás eu também recebi o problema de tabulação vazia (parece ser um pouco comum quando uso a função Caputre Whole Page ), e em uma brincadeira, eu cliquei no botão [Save] de qualquer maneira . Quando abri o arquivo resultante (por curiosidade, achando que ficaria em branco ou 0x0), fiquei surpreso ao ver que a imagem não estava apenas lá, mas correta ! Nice.

É claro que isso significa que você não poderá usar as ferramentas de edição de imagens (limitadas) da extensão antes de salvar, mas e daí? você pode usar o MSPaint ou qualquer outro com a mesma facilidade (eu sempre o salvo sem modificação, então modifique uma cópia).

    

Answer 4

Isso pode ser obtido no Chrome a partir da v59:

Anúncio no blog do desenvolvedor

Vídeo tutorial

Resumo das etapas (se você preferir texto):

1. Ferramentas abertas para desenvolvedores
2. Alternar a barra de ferramentas do dispositivo
3. Defina a resolução desejada na barra de ferramentas do dispositivo
4. Selecione o menu "Mais opções" na barra de ferramentas do dispositivo
5. Selecione Captura de tela ou Capture a captura de tela inteira
6. A captura de tela será salva em sua pasta "Downloads"