Come fare uno screenshot di alta qualità dell'intera pagina in Firefox usando GCLI?


8

Ho utilizzato l'interfaccia della riga di comando integrata di Firefox per acquisire schermate di pagine Web, in modo da non dover utilizzare alcuno strumento di terze parti.
È davvero semplice da fare,

  • Premi Shift+F2
  • Digita screenshot filename.png, quindi Invio.

Per acquisire lo screenshot dell'intera pagina (incluse quelle parti che non sono visibili), devi solo aggiungere --fullpagealla fine del comando sopra.
Ecco dove si trova il problema, quando acquisisco lo screenshot a pagina intera di una pagina di grandi dimensioni, la qualità non è abbastanza elevata da diventare pixelata o il testo non è leggibile quando ingrandito.
Esiste un modo per aumentare la qualità degli screenshot senza utilizzando qualsiasi strumento di terze parti?
Domande correlate:

Sto usando Windows 7 e l'ultimo aggiornamento di Firefox, se è importante.


Uso un plug-in chiamato Awesome screenshot per Firefox per eseguire screeshot a pagina intera. So che non è nativo, ma se non riesci a trovare una risposta a questo, penso che potrebbe essere una buona alternativa
Lex

Non sono in grado di replicare il problema, anche se sto eseguendo la procedura in Linux piuttosto che in Windows, che potrebbe indicare qualcosa di diagnostico. Mi dà un pixel per l'output pixel di ciò che sarebbe stato reso se lo schermo fosse abbastanza grande; nessuna qualità degradata.
fixer1234

@ fixer1234 Sto parlando di catturare schermate di testi che, se ingrandite, diventeranno pixelate e diventeranno un po 'difficili da leggere
RogUE,

La mia comprensione è che il testo è reso con un sistema dedicato per smussare in modo intelligente i caratteri (a qualsiasi zoom), in base alle informazioni sui caratteri. Una volta acquisito uno screenshot, le informazioni sui caratteri vengono perse, sono solo pixel. La funzione di zoom esegue alcune interpolazioni, ma la qualità di quel processo non può eguagliare il lavoro che è possibile quando i caratteri sono resi come caratteri.
fixer1234,

Risposte:


12

Alla fine ho trovato la risposta alla mia domanda. Mi piacerebbe rispondere alle mie domande.

Prima di tutto, dove il credito dovuto; Eric's Archived Thoughts , ho trovato questo tutorial per caso.

La risposta è semplice, basta aggiungere --dprun'opzione / argomento al comando con la relativa risoluzione in pixel al normale. Supponiamo, ad esempio, di catturare 4 volte la risoluzione della normale risoluzione messa --dpr 4, nota che c'è uno spazio prima del numero. Puoi anche usare numeri con parti decimali come 5.3, 5.6 ecc. Un comando di esempio può apparire come:

screenshot filename.png --dpr x

È tutto.

E, naturalmente, c'è un miglioramento nella qualità degli screenshot.

Schermate di esempio:

A risoluzione normale Risoluzione normale

Con risoluzione 5x Con risoluzione 5x


Bella scoperta! dpr (rapporto pixel dispositivo), cattura come sarebbe stato visualizzato il display se il monitor avesse una risoluzione diversa. Piuttosto che catturare e quindi interpolare un'immagine fissa per ingrandirla, questo rende il font più fluido alla risoluzione target.
fixer1234,

1
Controlla anche questa risposta .
RogUE,

Purtroppo la CLI è stata rimossa con Firefox 62: ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus Riemer,

3
Da Firefox 63 in poi, è possibile utilizzare :screenshot(notare i due punti) dalla console Web (Strumenti -> Sviluppatore Web -> Console Web o Ctrl + Maiusc + K / Cmd + Opzione + K)
Calimo
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.