Las Firefox Developer Tools son un conjunto de herramientas incluidas en el navegador de Mozilla que nos hace la vida más fácil a muchos usuarios, y que son especialmente útiles para todos los que se dedican al diseño web o la creación de complementos para Firefox.
Incluyen muchas características avanzadas como la vista de diseño adaptable, el editor de estilo, e incluso una linea de comandos en la barra de desarrolladores (developer toolbar), con la que podemos tener acceso a multitud de funciones más o menos desconocidas para nosotros.
Entre esas funciones está la posibilidad de realizar capturas completas de pantalla de páginas web, utilizando la consola que provee el propio navegador.
Así que vamos a ver como acceder a ella. La podemos abrir utilizando el atajo de teclado Shift + F2 o bien desde el menú de Firefox en la ruta: desarrollador > barra de desarrolladores.
Para empezar podemos echar un vistazo a la lista de comandos disponibles escribiendo
help
y pulsando Enter
A nosotros lo que nos interesa hoy, es el comando screenshot para realizar capturas de pantalla, así que vamos a escribir
help screenshot
para así poder ver las diferentes opciones.
Vemos que ejecutando:
screenshot --fullpage
conseguimos hacer una captura completa de la página en formato PNG, que va directamente al directorio de descargas que tengamos predefinido.
Puede que deseemos tomar una captura de la ventana de Firefox, con todas su pestañas y demás, en ese caso ejecutamos:
screenshot --chrome
O que le queramos añadir un segundos de retraso a la captura (“6” para este ejemplo)
screenshot --delay 6
Que os aburre la linea de comandos? no pasa nada porque mientras estaba escribiendo la entrada, descubrí que podemos habilitar esta opción creando un acceso directo, tal como vemos en la imagen que abre el post, haciendo click en la llave que aparece al final de la barra (toggle developer tools), posteriormente en la rueda dentada de las preferencias y finalmente seleccionando la casilla correspondiente en: botones en la caja de herramientas > tomar una instantánea de la página completa.