¿Cómo tomar una captura de pantalla de alta calidad de toda la página en Firefox usando GCLI?


8

He estado usando la CLI integrada de Firefox para tomar capturas de pantalla de páginas web, por lo que no tengo que usar ninguna herramienta de terceros.
Es realmente simple de hacer,

  • Hit Shift+F2
  • Escriba screenshot filename.png, luego Enter.

Para tomar la captura de pantalla de toda la página (incluidas las partes que no son visibles), solo tiene que agregar --fullpageal final del comando anterior.
Aquí es donde está el problema, cuando tomo la captura de pantalla de página completa de una página grande, la calidad no es lo suficientemente alta como para que se pixele o el texto no sea legible cuando se acerca.
¿Hay alguna forma de aumentar la calidad de las capturas de pantalla sin utilizando alguna herramienta de terceros?
Preguntas relacionadas:

Estoy usando Windows 7 y la última actualización de Firefox, si eso es importante.


Utilizo un complemento llamado Awesome screenshot para Firefox para tomar una captura de pantalla de página completa. Sé que no es nativo, pero si no puede encontrar una respuesta a esto, creo que podría ser una buena alternativa
Lex

No puedo replicar el problema, aunque estoy haciendo el procedimiento en Linux en lugar de Windows, lo que puede apuntar a algo diagnóstico. Me da una salida de píxel por píxel de lo que se habría representado si la pantalla fuera lo suficientemente grande; Sin calidad degradada.
Fixer1234

@ fixer1234 Estoy hablando de tomar capturas de pantalla de textos, que cuando se
amplían

Tengo entendido que el texto se representa con un sistema dedicado para suavizar de forma inteligente los caracteres (en cualquier zoom), según la información de la fuente. Una vez que toma una captura de pantalla, la información de la fuente se pierde, solo son píxeles. La función de zoom realiza alguna interpolación, pero la calidad de ese proceso no puede coincidir con el trabajo que es posible cuando los caracteres se representan como caracteres.
Fixer1234

Respuestas:


12

Finalmente, encontré la respuesta a mi pregunta. Me encantaría responder mis preguntas.

En primer lugar, donde vence el crédito; Pensamientos archivados de Eric , encontré este tutorial accidentalmente.

La respuesta es simple, solo agregue una --dpropción / argumento al comando con la resolución relativa de píxeles a la normal. Digamos, por ejemplo, para capturar a 4 veces la resolución de la resolución normal --dpr 4, tenga en cuenta que hay un espacio antes del número. También puede usar números con partes decimales como 5.3, 5.6, etc. Un comando de ejemplo puede verse así:

screenshot filename.png --dpr x

Eso es todo.

Y, por supuesto, hay una mejora en la calidad de las capturas de pantalla.

Capturas de pantalla de ejemplo:

A resolución normal Resolución normal

Con una resolución de 5x Con una resolución de 5x


Buen hallazgo! dpr (relación de píxeles del dispositivo), captura cómo se habría representado la pantalla si el monitor tuviera una resolución diferente. En lugar de capturar y luego interpolar una imagen fija para agrandarla, esto suaviza la fuente en la resolución de destino.
fijador1234

1
Por favor, compruebe esta respuesta también.
RogUE

Lamentablemente, la CLI se ha eliminado con Firefox 62: ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus Riemer

3
Desde Firefox 63 en adelante, puede usar :screenshot(tenga en cuenta los dos puntos) desde la consola web (Herramientas -> Desarrollador web -> Consola web, o Ctrl + Shift + K / Cmd + Opción + K)
Calimo
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.