{"id":2127,"date":"2013-07-17T12:21:54","date_gmt":"2013-07-17T10:21:54","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=2127"},"modified":"2013-07-17T12:21:54","modified_gmt":"2013-07-17T10:21:54","slug":"firefox-and-page-screenschot","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/firefox-and-page-screenschot\/","title":{"rendered":"Firefox and Page Screenschot"},"content":{"rendered":"<div class=\"message warning\">\n<p><strong>Attention:<\/strong> Les informations de ce billet sont susceptibles d'&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans.<\/p>\n<p><strong>Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div><p>Here&#8217;s a little trick that comes very handy when you need to make a quick webpage screenshot to send to someone.<\/p>\n<ol>\n<li>Fire up Firefox developers tools by hitting <code>(Shift+F2)<\/code><\/li>\n<li>Enter the following command : <code>(screenshot --selector .hentry myfile.png)<\/code><\/li>\n<\/ol>\n<p>And voila! Firefox just created a png file called <code>myfile.png<\/code> which is a screenshot of the area occupied by the first <em>.hentry<\/em> element found in the page if any exists. The selector parameter uses <code>document.querySelector<\/code> to help you refine the area you really want to shot.<\/p>\n<p>Of course, if you are interested in taking the whole page in a single screenshot just drop the selector argument. Of note, there are many others options that comes handy too with this powerful screenshot utility command. For instance you can delay the screenshot capture if for instance your page layout changes based on CSS or JavaScript interaction.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to use #Firefox developers tools screenshot capabilities<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"aside","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[753,196,752],"class_list":["post-2127","post","type-post","status-publish","format-aside","hentry","category-web","tag-developpers-tools","tag-firefox","tag-screenshot","post_format-post-format-aside"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=2127"}],"version-history":[{"count":5,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2127\/revisions"}],"predecessor-version":[{"id":2137,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2127\/revisions\/2137"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=2127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=2127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}