Capture screenshot of browser content (website) [closed] Capture screenshot of browser content (website) [closed] google-chrome google-chrome

Capture screenshot of browser content (website) [closed]


Do you know about Selenium?It's a testing tool that actually opens a specific browser and runs scripted tests.It can be used to take screenshots as well.

This might be a solution to your problem.


Awesomescreenshot will actually scroll down the page taking actual screenshots, then put those images together into one long image for you. You can even set it to only capture the part of the page that's showing, or a selected section.

You could mix this with a macro type program/scripting language like Auto Hot Keys. You may or may not find it easier than using command line. I suppose it depends on what you're trying to do.


Most server-side languages just serve the HTML and never render it. Awhile back I ran into the issue of indexing single page javascript applications and one of the solutions was phantomJS.

PhantomJS does exactly what you want. You can render the HTML (serve-side) and Phantom also has canvas built in so you can screenshot it using that. Phantom is webkit so it will cover most of the popular browsers (Chrome, Safari, Opera). If you want to see what the website will look like on Firefox you can try SlimerJS (similar to PhantomJs but runs the Gecko engine).

This would cover all the most popular browsers (except IE). This is still a headless solution, but you would be able to see different layout engines. You will need NodeJS and it may be a little learning, but they both have documentation on screenshots. Good luck!