Como tirar uma captura de tela de alta qualidade de toda a página no Firefox usando GCLI?

8

Eu tenho usado a CLI incorporada do Firefox para capturar capturas de tela de páginas da web, para que eu não precise usar nenhuma ferramenta de terceiros.
É realmente simples de fazer,

  • Hit Shift+F2
  • Digite screenshot filename.pnge pressione Enter.

Para tirar a captura de tela da página inteira (incluindo as partes que não estão visíveis), basta adicionar --fullpageo final do comando acima.
Aqui está onde está o problema: quando tiro a captura de tela de uma página grande em uma página grande, a qualidade não é alta o suficiente para ficar pixelizada ou o texto não é legível quando o zoom
é aumentado. Existe alguma maneira de aumentar a qualidade das capturas de tela sem usando alguma ferramenta de terceiros?
Perguntas relacionadas:

Estou usando o Windows 7 e a atualização mais recente do Firefox, se isso importa.

Vampiro
fonte
Eu uso um plug-in chamado Awesome screenshot para o Firefox para obter screeshot de página inteira. Eu sei que não é nativa, mas se você não consegue encontrar uma resposta para isso, eu acho que pode ba boa alternativa
Lex
Não consigo replicar o problema, embora esteja executando o procedimento no Linux e não no Windows, o que pode apontar para algum diagnóstico. Isso me dá um pixel para a saída de pixel do que seria renderizado se a tela fosse grande o suficiente; sem qualidade degradada.
fixer1234
@ fixer1234 que estou falando Takin' screenshots de textos, que quando ampliada, vai ficar pixelada e se torna um pouco difícil de ler
ROGUE
Meu entendimento é que o texto é renderizado com um sistema dedicado para suavizar de maneira inteligente os caracteres (a qualquer zoom), com base nas informações da fonte. Depois de tirar uma captura de tela, as informações da fonte são perdidas, são apenas pixels. A função zoom faz alguma interpolação, mas a qualidade desse processo não pode corresponder ao trabalho possível quando os caracteres são renderizados como caracteres.
fixer1234

Respostas:

12

Finalmente, encontrei a resposta para minha pergunta. Eu adoraria responder minhas perguntas.

Primeiro de tudo, onde o crédito devido; Pensamentos arquivados de Eric , encontrei este tutorial acidentalmente.

A resposta é simples, basta adicionar uma --dpropção / argumento ao comando com a resolução de pixel relativa ao normal. Digamos, por exemplo, para capturar 4 vezes a resolução da resolução normal --dpr 4, observe que há um espaço antes do número. Você também pode usar números com partes decimais como 5.3, 5.6 etc. Um exemplo de comando pode ser semelhante a:

screenshot filename.png --dpr x

Isso é tudo.

E, claro, há melhoria na qualidade das capturas de tela.

Exemplos de capturas de tela:

Em resolução normal Resolução normal

Com resolução 5x Com resolução 5x

Vampiro
fonte
Bom achado! dpr (proporção de pixels do dispositivo), captura como a exibição seria renderizada se o monitor tivesse uma resolução diferente. Em vez de capturar e depois interpolar uma imagem fixa para ampliá-la, isso suaviza a fonte na resolução de destino.
fixer1234
11
Por favor, verifique esta resposta também.
RogUE 27/03
Infelizmente o CLI foi removido com o Firefox 62: ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus Riemer
3
A partir do Firefox 63, você pode usar :screenshot(observe os dois pontos) no console da Web (Ferramentas -> Desenvolvedor da Web -> Console da Web ou Ctrl + Shift + K / Cmd + Opção + K)
Calimo