Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to take a screen shot of a web page?

I want to add a button to one of our web sites that will allow the user to file a bug with our bug tracking system.

One of the feature requests is that a screen cap of the page in question be sent along.

Without installing something on the end users machine, how can I do this? Does javascript have some sort of screen cap api?

like image 393
NotMe Avatar asked Mar 31 '09 16:03

NotMe


People also ask

How do I take a screenshot of a website page?

It is usually found to the right of the “F” (function) keys, toward the top of the keyboard. It can also be found near the directional keys. Click within the web browser to make it your active window. Depending on your keyboard,you may need to press "Alt-Print Screen" to capture the shot.

How do I take a screenshot of a Web page Windows 10?

The Windows key + Print Screen To take a screenshot on Windows 10 and automatically save the file, press the Windows key + PrtScn. Your screen will go dim and a screenshot of your entire screen will save to the Screenshots folder.


1 Answers

You may grab the innerHTML of the page and then process it on the server:

document.getElementsByTagName('html')[0].innerHTML;
// this would also be interactive (i.e. if you've
// modified the DOM, that would be included)
like image 188
moff Avatar answered Sep 28 '22 23:09

moff