I recently needed to make a screenshot of an entire web page, i.e. not just the part the fits on the screen (or in the viewport), but the whole thing from top to bottom.<\/p>\n
Somehow I missed the possibility that there might be a zillion browser extensions for just this purpose. From writing features<\/em> (acceptance tests) with Cucumber<\/a> I’m familiar with PhantomJS<\/a>, a “headless”, scriptable browser based on WebKit.<\/p>\n Here’s how it works:<\/p>\n <\/code><\/p>\n<\/p>\n\r\n$ webshot --help\r\nUsage: webshot [OPTIONS]... URL IMAGE_FILE\r\n\r\nOptions:\r\n -j|--jquery Inject jQuery into the page.\r\n +-e|--exec \u00abvalue\u00bb Execute script in page context.\r\n +-f|--file \u00abvalue\u00bb Execute script file in page context.\r\n -v|--viewport \u00abvalue\u00bb Viewport size WxH; default 1280x800.\r\n\r\n (* mandatory option)\r\n (+ repeatable option)\r\n<\/pre>\n