{"id":1897,"date":"2015-03-24T09:01:51","date_gmt":"2015-03-24T08:01:51","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=1897"},"modified":"2015-03-23T21:56:47","modified_gmt":"2015-03-23T20:56:47","slug":"firefox-como-sacar-una-foto-de-toda-una-pagina-web","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2015\/03\/24\/firefox-como-sacar-una-foto-de-toda-una-pagina-web\/","title":{"rendered":"Firefox: c\u00f3mo sacar una foto de toda una p\u00e1gina web"},"content":{"rendered":"

Las Firefox Developer Tools<\/strong> son un conjunto de herramientas incluidas en el navegador de Mozilla que nos hace la vida m\u00e1s f\u00e1cil a muchos usuarios, y que son especialmente \u00fatiles para todos los que se dedican al dise\u00f1o web o la creaci\u00f3n de complementos para Firefox.<\/p>\n

\"f7\"<\/a><\/p>\n

Incluyen muchas caracter\u00edsticas avanzadas como la vista de dise\u00f1o 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\u00e1s o menos desconocidas para nosotros.<\/p>\n

<\/p>\n

Entre esas funciones est\u00e1 la posibilidad de realizar capturas completas de pantalla<\/strong> de p\u00e1ginas web, utilizando la consola<\/strong> que provee el propio navegador.<\/p>\n

As\u00ed que vamos a ver como acceder a ella. La podemos abrir utilizando el atajo de teclado Shift + F2<\/strong> o bien desde el men\u00fa de Firefox en la ruta: desarrollador > barra de desarrolladores<\/em>.<\/p>\n

\"f1\"<\/a><\/p>\n

Para empezar podemos echar un vistazo a la lista de comandos<\/strong> disponibles escribiendo<\/p>\n

help\r\n<\/pre>\n
y pulsando Enter<\/strong><\/em><\/p>\n
\u00a0\"f2\"<\/a><\/p>\n
A nosotros lo que nos interesa hoy, es el comando screenshot para realizar capturas de pantalla, as\u00ed que vamos a escribir<\/p>\n
help screenshot\r\n<\/pre>\n
para as\u00ed poder ver las diferentes opciones<\/strong>:<\/p>\n
\"f3\"<\/a><\/p>\n
Puede que deseemos tomar una captura de la ventana de Firefox<\/strong>, con todas su pesta\u00f1as y dem\u00e1s, en ese caso ejecutamos:<\/p>\n
screenshot --chrome\r\n<\/pre>\n
Vemos que ejecutando:<\/p>\n
screenshot --fullpage\r\n<\/pre>\n
\"f4\"<\/a><\/p>\n
conseguimos hacer una captura completa de la p\u00e1gina<\/strong> en formato PNG, que va directamente al directorio de descargas que tengamos predefinido.<\/p>\n
\"f5\"<\/a><\/p>\n
O que le queramos a\u00f1adir un segundos de retraso a la captura<\/strong> (\u201c6\u2033 para este ejemplo)<\/p>\n
screenshot --delay 6\r\n<\/pre>\n
Que os aburre la linea de comandos? no pasa nada porque mientras estaba escribiendo la entrada, descubr\u00ed que podemos habilitar esta opci\u00f3n<\/strong> creando un acceso directo<\/strong>, tal como vemos en la imagen que abre el post, haciendo click en la llave<\/strong> que aparece al final de la barra (toggle developer tools), posteriormente en la rueda dentada de las preferencias<\/strong> y finalmente seleccionando la casilla correspondiente en: botones en la caja de herramientas > tomar una instant\u00e1nea de la p\u00e1gina completa<\/em>.<\/p>\n
\"f6\"<\/a><\/p>\n
Art\u00edculo original en lamiradadelreplicante.com<\/a><\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
Las Firefox Developer Tools son un conjunto de herramientas incluidas en el navegador de Mozilla que nos hace la vida m\u00e1s f\u00e1cil a muchos usuarios, y que son especialmente \u00fatiles para todos los que se dedican al dise\u00f1o web o la creaci\u00f3n de complementos para Firefox. Incluyen muchas caracter\u00edsticas avanzadas como la vista de dise\u00f1o … Seguir leyendo Firefox: c\u00f3mo sacar una foto de toda una p\u00e1gina web<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,76,6,151],"tags":[140,191],"class_list":["post-1897","post","type-post","status-publish","format-standard","hentry","category-documentacion","category-graficos","category-practicas","category-trucos-2","tag-firefox","tag-navegador"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/1897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=1897"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/1897\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=1897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=1897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=1897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}