Comment faire une capture d'écran de haute qualité de toute la page dans Firefox en utilisant GCLI?


8

J'ai utilisé la CLI intégrée de Firefox pour prendre des captures d'écran de pages Web, de sorte que je n'ai pas besoin d'utiliser un outil tiers.
C'est vraiment simple à faire,

  • Hit Shift+F2
  • Tapez screenshot filename.png, puis entrez.

Pour prendre la capture d'écran de la page entière (y compris les parties qui ne sont pas visibles), il vous suffit d'ajouter --fullpageà la fin de la commande ci-dessus.
Voici où se situe le problème, lorsque je prends la capture d'écran pleine page d'une grande page, la qualité n'est pas suffisamment élevée pour devenir pixellisée ou le texte n'est pas lisible lors d'un zoom avant.
Existe-t-il un moyen d'augmenter la qualité des captures d'écran sans en utilisant un outil tiers?
Questions connexes:

J'utilise Windows 7 et la dernière mise à jour de Firefox, si cela importe.


J'utilise un plug-in appelé Awesome screenshot for Firefox pour prendre une capture d'écran en pleine page. Je sais que ce n'est pas natif, mais si vous ne trouvez pas de réponse à cela, je pense que cela pourrait être une bonne alternative
Lex

Je ne suis pas en mesure de reproduire le problème, bien que je fasse la procédure sous Linux plutôt que Windows, ce qui peut indiquer un diagnostic. Cela me donne une sortie pixel par pixel de ce qui aurait été rendu si l'écran était assez grand; pas de qualité dégradée.
fixer1234

@ fixer1234 Je parle de prendre des captures d'écran de textes qui, lorsqu'ils sont zoomés, se pixellisent et deviennent un peu difficiles à lire
RogUE

Ma compréhension est que le texte est rendu avec un système dédié pour lisser intelligemment les caractères (à n'importe quel zoom), basé sur les informations de police. Une fois que vous avez pris une capture d'écran, les informations de police sont perdues, ce ne sont que des pixels. La fonction de zoom effectue une certaine interpolation, mais la qualité de ce processus ne peut pas correspondre au travail possible lorsque les caractères sont rendus sous forme de caractères.
fixer1234

Réponses:


12

Enfin, j'ai trouvé la réponse à ma question. J'aimerais répondre à mes questions.

Tout d'abord, où le crédit est dû; Les pensées archivées d'Eric , j'ai trouvé ce tutoriel par accident.

La réponse est simple, il suffit d'ajouter une --dproption / un argument à la commande avec une résolution de pixels relative à la normale. Dites, par exemple, pour capturer à 4 fois la résolution de la résolution normale --dpr 4, notez qu'il y a un espace avant le nombre. Vous pouvez également utiliser des nombres avec des parties décimales comme 5.3, 5.6, etc. Un exemple de commande peut ressembler à:

screenshot filename.png --dpr x

C'est tout.

Et bien sûr, la qualité des captures d'écran s'est améliorée.

Exemples de captures d'écran:

À résolution normale Résolution normale

Avec une résolution 5x Avec une résolution 5x


Belle trouvaille! dpr (ratio de pixels du périphérique), capture la façon dont l'affichage aurait été rendu si le moniteur avait une résolution différente. Plutôt que de capturer puis d'interpoler une image fixe pour l'agrandir, cela fait le lissage de la police à la résolution cible.
fixer1234

1
Veuillez également vérifier cette réponse .
RogUE

Malheureusement, la CLI a été supprimée avec Firefox 62: ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus Riemer

3
À partir de Firefox 63, vous pouvez utiliser :screenshot(notez les deux-points) à partir de la console Web (Outils -> Développeur Web -> Console Web, ou Ctrl + Maj + K / Cmd + Option + K)
Calimo
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.