Preciso tirar uma captura de tela de um site, pois 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, preciso simular uma resolução de monitor muito mais alta do que realmente suporta o meu monitor e placa de vídeo. Eu quero que a captura de tela do site tenha a mesma aparência quando você pressiona CTRL MINUS (diminuir o zoom) repetidamente no Firefox, mas sem perda de pixels devido ao dimensionamento. Como posso fazer isso? Existe alguma maneira de usar o software da máquina virtual para simular uma exibição de alta resolução? Caso contrário, existe alguma maneira de abrir uma janela do navegador maior que a tela e capturar seu conteúdo como PNG de alguma forma? Mais alguma coisa que possa funcionar?
Como posso capturar imagens de tela do navegador em uma resolução mais alta do que o meu navegador suporta?
Respostas:
Você pode fazer isso com o Firefox e 2 extensões: Desenvolvedor da Web e FireShot .
Depois que as duas extensões estiverem instaladas, vá para Ferramentas - Desenvolvedor da Web - Redimensionar - Editar Redimensionar dimensões ....
Adicione um novo tamanho, 4000 x 3000. marque "Redimensionar a janela de exibição" se desejar que apenas o conteúdo da página seja 4000x3000. Caso contrário, a janela completa do Firefox (com barras de ferramentas, menu, ...) será definida para esta dimensão.
Uma vez no tamanho correto, vá para Ferramentas - FireShot - Capturar página inteira e .... Selecione uma ação, como Salvar, por exemplo. Ele salvará o conteúdo da página que foi definido pelo Web Developer no tamanho desejado.
Enquanto isso (por pelo menos um ano ou dois - desde a versão 15, se não me engano), o Firefox suporta isso diretamente por meio das ferramentas de desenvolvedor integradas.
Quer bater CtrlShift Mou selecione Responsive vista de estrutura do Developer Tools ícone no menu stripe.
Isso exibirá essa visualização, que permitirá escolher entre um conjunto de predefinições, além de inserir qualquer resolução desejada e salvar diretamente uma captura de tela no formato PNG em disco com um clique:
Shift+ F2e cole screenshot --clipboard --fullpageno "console". Isso é diferente do console JS comum.
Em um Mac, os Paparazzi podem ajudar, usando sua GUI ou usando uma sintaxe de URL como:
paparazzi: (largura = 4000, altura = 3000, altura máxima = 3000) Como tirar capturas de tela do navegador em uma resolução mais alta do que o meu navegador suporta?
A sintaxe do URL pode ser facilmente transformada em um bookmarklet . Paparazzi usa o mecanismo de renderização WebKit.
Eu uso um complemento do FireFox chamado Abduction para criar uma imagem .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 ainda.
Parece que o ScreenGrab fará a mesma coisa.
O Firefox 16 em diante agora contém a capacidade de controlar o tamanho da janela de exibição com o console do desenvolvedor:
Abra Ferramentas ... Desenvolvedor Web ... Barra de ferramentas do desenvolvedor
Redimensione a viewport com este comando:
resize to 5000 5000
Captura de tela com este comando:
screenshot output.png
Bem, com uma configuração Linux (ou X Window System de qualquer sabor), você pode definir uma área de trabalho virtual maior que o seu monitor. Você rola nele, mas acho que você poderia maximizar seu navegador e capturar a tela.
Não sei se existe uma maneira de fazer isso no Windows ou no OS X.
Acho mais fácil usar serviços online como o thumbalizr do que instalar plug-ins de navegador, se você não precisar fazer isso com frequência.
No Chrome, existem extensões severais, como:
Captura de tela da página da Web (não funcionou comigo, talvez tenha um bug no momento)
Há outra captura de tela da página da Web, mas não tenho reputação suficiente para publicar mais de dois links