How to screenshot website in JavaScript client-side / how Google did it? (no need to access HDD)

capture, google-search, javascript, screenshot

Solution

This answers your problem.

You can use JavaScript/Canvas to do the job but it is still experimental.

Update:

There is a library for this now https://html2canvas.hertzen.com/

Problem

I'm working on web application that needs to render a page and make a screenshot on the client (browser) side. I don't need the screenshot to be saved on the local HDD though, just kept it in RAM and send it to the application server later. I researched: - BrowserShots alike services... - Mechanized browsers... - wkhtmltoimage... - Python WebKit2PNG... But none of those gives me all I need, which is: - Processing at browser side (generate screenshot of page). Don't need to be saved on HDD! Just... - ...send image to Server for further processing. - Capturing whole page (not only visible part) Eventually I came upon Google's Feedback Tool (click "feedback" on YouTube footer to see this). It contains JavaScript for JPG encoding and two other huge scripts which I can't determine what exactly they do... But it's processed on the Client side - otherwise there would be no point putting this huge JPEG encoder in the code! Anyone have any idea how did they made it / how I can make it? Here is an example of the feedback (report a bug on some screens)

Original source

Related problems