Screenshot Bookmarklet

https://gist.github.com/pamelafox/38e676b787c6217b0ae6

http://webapps.stackexchange.com/questions/582/website-or-bookmarklet-to-get-a-screenshot-of-a-webpage

I wanted something which could capture screenshots of a local server, so a web service like Browsershots wasn't what I wanted.

Therefore, using [html2canvas](http://html2canvas.hertzen.com/) I've made a bookmarklet which captures a screenshot locally, rendering elements with a canvas.

To use it, copy this as a bookmarklet:

    (function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Then, click on it and possibly allow the pop-up it creates (the pop-up contains the screenshot).

For example, on Chrome you have to click on the right-most part of the address bar like so:

![screenshot][1]

Then clicking on the link corresponding to the screenshot's pop-up to open it.

  [1]: http://i.stack.imgur.com/Xefdg.png

browser-screenshots (last edited 2016-04-20 17:53:03 by lena)