Screen Capture for Web application

Question

How to take user's current page screen shot and save into one folder in web application,

I tried in java side, In that I used Robot class its taking server screen instead of client screen.

Answer 1

You can use phantomjs

http://phantomjs.org

If you want to use it along with nodejs , there are many nodejs bridges available also

I have used node-phantom and it works really well

https://github.com/alexscheelmeyer/node-phantom

Well , this is not a pure jquery solution. But i used node-phantom with the support socket.io and jquery.

Answer 2

If your are interested in taking a sceenshot of the webpages (or parts of them), you should take a look at html2canvas project.

It's not taking the "actual screenshots" of the current page, but rather builds a representation of it based on the properties it reads from the DOM.

If you are using HTML5, take a look at this Take Webpage Screenshot with HTML5 and JavaScript

So, this will take you a screenshot. Later you may decide what to do with it. You can push it to you server side service and store it to a file/db.

Answer 3

You can go for casperjs.

http://casperjs.org/

There is a nice example to capture the screen.

http://docs.casperjs.org/en/latest/modules/casper.html#captureselector