On 08/14/2013 11:00 AM, Mihai T. Lazarescu wrote:
On Wed, Aug 14, 2013 at 03:38:33PM +0100, Marko Vojinovic wrote:
But what if the size of the website is larger than the screen size? I assume the OP wants to "see" the whole website in a single picture, and the website might span more than a single visible screen (and require scrolling to see the whole thing).
All screenshot-related methods would then need to take multiple pictures, scroll the website in the browser a "windowfull" at a time in all directions, and afterwards calculate how to concatenate all those pictures into a big one. While this can be done in principle, I think that any implementation would get Real Ugly Real Soon(tm).
A more reasonable approach would be to have the browser itself dump the image of the site --- the browser is the one actually rendering the thing from html in the first place. Any browser plugins around for this?
Among those interactive, the Screengrab Firefox extension does it. Among those non-interactive, phantomjs should do it.
Mihai
phantomjs + rasterize.js (ships with phantomjs in the examples folder) is probably the route that I would go...
https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js
usage: phantomjs rasterize.js http://www.google.com google.png