How to take screenshot of rendered HTML page

Question

Our web analytics package includes detailed information about user\'s activity within a page, and we show (click/scroll/interaction) visualizations in an overlay atop the web pa

Answer 1

Why not store the HTML that is sent out to the client? You could then use that to redisplay in a webbrowser as a page to show what it looked like.

Using your webanalytics data about use actions, you could they use that to default the combo boxes, fields etc to the values the client would have had, even change the CSS on buttons, etc, to mark them as being pushed.

As a benefit, you don't need the X stack, don't need to do any crawling or storing of images.

EDIT (Re Andrew Moore):

This is were you store the current CSS/images under a version number. Place an easily parsable version number in a comment in the HTML. If you change your CSS/images and use the existing names, increment the version number in the HTML output sent out.

The system that stores the HTML will know that it needs to grab a new copy and store under a new number. When redisplaying, it simply uses the version number to determine which CSS/image set to use.

We currently have a system here that uses a very similiar system so we can track users actions and provide better support when they call our help desk, as they can bring up the users session and follow what they did, even some-what live.

you can even code it to auto-censor sensitive fields when it is stored.