Cómo Tomar una Captura de Pantalla de un Sitio Web usando la Línea de Comandos

Sé lo que estás pensando: ¿por qué molestarse con la línea de comandos para capturas de pantalla cuando puedo simplemente navegar al sitio web a través de un navegador y tomar una captura de pantalla usando el atajo de teclado de Mac o una herramienta de captura de pantalla?

Bueno, en realidad hay un par de razones.

En primer lugar, es realmente agradable y útil saberlo. En segundo lugar, el uso de líneas de comando permite la automatización. Puedes duplicar comandos, compilarlos en un script y ejecutarlo para capturar por lotes capturas de pantalla de sitios web o URL predeterminados.

Screenshot desde la Terminal en Mac

Para tomar una captura de pantalla en tu Mac usando la línea de comandos, aquí tienes cómo hacerlo. Comienza abriendo la aplicación Terminal (¡obvio!)

A continuación, deberás ajustar el siguiente comando para especificar dos cosas clave:

• la ubicación guardada de tu captura de pantalla y su nombre de archivo, y
• la URL del sitio web que deseas capturar.

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless \
  --screenshot=/ruta/para/screenshot/imagen.png \
  https://www.sitioweb.com

Revisemos un ejemplo. Si deseas capturar una captura de pantalla de esgeeks.com, nombrarla “esgeeks.png” y guardarla en una carpeta llamada “Capturas“, así es como se vería tu comando:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless \
  --screenshot=/Users/esgeeks/Desktop/Capturas/esgeeks.png \
  https://esgeeks.com

Y así es como se verá la captura de pantalla:

Si deseas personalizar las dimensiones de la captura de pantalla, puedes hacerlo agregando el siguiente parámetro:

--window-size=WIDTH,HEIGHT

Por ejemplo, para capturar una captura de pantalla de apple.com con una resolución de 450 × 800, tu comando debe tener el siguiente formato:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless \
  --window-size=450,800 \
  --screenshot=/Users/esgeeks/Desktop/Capturas/esgeeks.png \
  https://esgeeks.com

Y aquí está la imagen resultante:

Y ¿En Linux y Windows?

Para Linux, puedes usar el siguiente comando:

xvfb-run wkhtmltoimage --quality 100 https://esgeeks.com screenshot.png

Ten en cuenta que es posible que necesites instalar un controlador X virtual como xvfb para que el comando funcione correctamente. Puedes instalar xvfb usando los siguientes comandos:

Ubuntu o Debian:

sudo apt-get install xvfb

CentOS o Red Hat Enterprise Linux:

sudo yum install xorg-x11-server-Xvfb

También necesitas instalar wkhtmltoimage para habilitar la captura de pantalla:

En Ubuntu o Debian, puedes usar el siguiente comando:

sudo apt-get install wkhtmltopdf

Para CentOS o Red Hat Enterprise Linux:

sudo yum install wkhtmltopdf

En Linux también puedes intentar hacer Capturas de Pantalla en Terminal con Scrot.

Y para Windows:

Puedes usar el siguiente comando:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --headless --screenshot="C:\Users\usuario\Desktop\capturadepantalla.png" https://esgeeks.com

Recuerda cambiar la ubicación de guardado de la captura de pantalla y el sitio web en cuestión.

También aprende Cómo Tomar Captura de Pantalla Largas en Android.