En ciertas ocasiones puede que necesitemos realizar capturas de pantallas de un sitio pero desde distintas resoluciones. Existen varias formas de hacer esto pero una que resulta muy sencilla es utilizando la terminal.
Pageres es un pequeño script desarrollado en JavaScript y que funciona de manera conjunta a Node.js para justamente hacer este trabajo Hacer capturas de pantallas para múltiples resoluciones es sumamente sencillo, tan solo escribiendo una linea de comandos podemos obtener nuestros screenshots en apenas unos segundos.
La instalación es fácil y rápida:
npm install --save pageres
Una vez que tenemos instalado el recurso podemos directamente obtener las capturas:
pageres kabytes.com --sizes 1366x768,1600x900
Como se puede ver en el ejemplo, utilizar esta herramienta no tiene complicaciones, simplemente debemos definir la URL (en el ejemplo utilice la dirección de este blog, aunque también existe la posibilidad de definir múltiples url). Luego definimos las resoluciones. En unos pocos segundos en la carpeta desde donde ejecutamos el script recibiremos los archivos con las capturas.
El proyecto tiene como dependencias a Node.js y PhantomJS. A veces podemos tener algún problema con este último, las mismos se resuelven reinstalando este complemento, al menos eso dice el autor de esta herramienta (al menos en mi caso funcionó).
Una aclaración: las capturas en general salen bien, aunque en algunos casos las webfonts no son correctamente reconocidas y en la capturas aparecen las tipografías por defecto. Este pequeño bug esta siendo evaluado para ser corregido en próximas versiones.
Algo que me resultó interesante de esta herramienta es que puede funcionar como modulo para el desarrollo de aplicaciones que necesiten capturar pantallas, hay que tener ciertas precauciones relacionadas al tiempo que demoran.
Como detalle adicional: El autor de Pageres pensó una forma de vincular las resoluciones más populares que se obtienen en Google Analytics con su proyecto, el resultado: Pageres permite importar el archivo exportado de GA para que automáticamente se realicen las capturas de pantalla que utilizan los visitantes de nuestro sitio.
pageres website.com < file-from-above-step.txt
Este proyecto se encuentra liberado bajo licencia MIT.