Como posso tirar screenshots do navegador com uma resolução maior do que o meu navegador suporta?

Question

Eu preciso fazer uma captura de tela de um site como ele apareceria em um monitor de resolução muito alta ... digamos 4000x3000 pixels. A tela do meu laptop tem uma resolução nativa de 1400x768. Basicamente, eu preciso simular uma resolução de monitor muito maior do que o meu monitor e placa de vídeo realmente suportam. Eu quero que a imagem do site fique muito parecida com o que acontece quando você pressiona CTRL MINUS (zoom out) no Firefox repetidamente, mas sem perda de pixels devido ao dimensionamento. Como posso fazer isso? Existe alguma maneira de usar o software de máquina virtual para simular um monitor de super alta resolução? Se não, existe alguma maneira de abrir uma janela do navegador maior que a tela e capturar seu conteúdo como um PNG de alguma forma? Qualquer outra coisa que possa funcionar?

    

Answer 1

Você pode fazer isso com o Firefox e duas extensões: Desenvolvedor da Web e FireShot .

Quando as duas extensões estiverem instaladas, vá para Ferramentas - Desenvolvedor da Web - Redimensionar - Editar dimensões de redimensionamento ....

Adicione um novo tamanho, 4000 x 3000. marque "Redimensionar a janela de visualização" se quiser que apenas o conteúdo da página seja 4000x3000. Se você não verificar, a janela completa do Firefox (com barras de ferramentas, menu, ...) será definida para essa dimensão.

Umaveznotamanhocorreto,váparaFerramentas-FireShot-CaptureEntirePagee....Selecioneumaação,comoSalvarporexemplo.ElesalvaráoconteúdodapáginaquefoidefinidopeloWebDevelopernotamanhodesejado.

    

Answer 2

Enquanto isso (por pelo menos um ano ou dois - desde a versão 15, se não me engano), o Firefox suporta isso diretamente através das ferramentas de desenvolvedor integradas.

Aceda a Ctrl Deslocar M ou selecione Vista do design responsivo das Ferramentas do programador ícone no menu de faixas.

Isso mostrará essa visualização, que permitirá escolher entre um conjunto de predefinições e inserir qualquer resolução desejada e salvará diretamente uma captura de tela no formato PNG em disco com um clique:

    

Answer 3

Em um Mac, os Paparazzi podem ajudar, seja usando a GUI ou usando uma sintaxe de URL como:

paparazzi:(width=4000,height=3000,maxheight=3000)How can I take browser screenshots at a higher resolution than my browser supports?

AsintaxedaURLpodeserfacilmente se transformou em um bookmarklet . Os paparazzi usam o mecanismo de renderização do WebKit.

    

Answer 4

Eu uso um add-on do FireFox chamado Abduction para criar uma foto .png de uma página da web na sua totalidade. Infelizmente esse complemento ainda não foi atualizado para ser compatível com o FireFox 3.6.

Parece que o ScreenGrab fará o mesmo.

    

Answer 5

Agora, o Firefox 16 contém a capacidade de controlar o tamanho da viewport com o console do desenvolvedor:

Ferramentas de abertura ... Desenvolvedor da Web ... Barra de ferramentas do desenvolvedor

Redimensione a janela de visualização com este comando:

resize to 5000 5000

Captura de tela com este comando:

screenshot output.png

    

Answer 6

Bem, com um Linux (ou uma configuração do X Window System de qualquer tipo), você pode definir uma área de trabalho virtual maior do que o seu monitor. Você rola nele, mas eu acho que você poderia maximizar seu navegador e captura de tela.

Não sei se existe uma maneira de fazer isso no Windows ou no OS X.

    

Answer 7

Acho mais fácil usar os serviços on-line, como thumbalizr , do que instalar plug-ins do navegador, caso você não precise fazer isso com frequência.

    

Answer 8

No Chrome, existem várias extensões, como:

• Disparo de fogo

• Captura de tela da página (não funcionou comigo, talvez tenha um bug agora mesmo)

Existe outra captura de página da Web, mas eu não tenho reputação suficiente para publicar mais de dois links