Snapper - Simple Snapping Safari Extension

Here is a basic Safari extension which snaps the current page as a PNG !

Check it out here: http://tinyurl.com/stpsnapper

The extension has just been updated !

Recommandations / instructions:

 

- If you install the extension for the first time, you need to reload the page. Sorry, but thats just how the safari extension system works. You only have to do it once.
- When you want to make a screenshot, click on the small picture frame icon in the safari toolbar, somewhere between the back/forward buttons and the address bar.
- When the button is clicked, a black rectangle appears on the top right of the safari content. There, you can see a thumbnail of the screenshot which you can drag on your desktop. Close the orange button when you are finished.
- The toolbar icon is disabled if Safari shows an empty page or if the extension is currently showing a snapshot to be dragged away.

 

Limitations:

 

- Currently the safari extension system does not allow snapshots of the whole page, only the current viewport. I am looking into solutions, but no solution yet.
- Its still not possible to name the snapshot image, this is because of the way the snapshot system works in safari. Again, as soon as a solution presents itself, I will keep you all posted.

 

I would like to thank you all for your support and patience. Safari extensions are still very new so bear with us !

Regards,

Dave

 

Comments (20)

Jun 08, 2010
Randy Harris said...
Thanks for this tool, is there any chance there may be a way to make it make an image of the entire page, not just what is currently showing in the browser? (in other words if it is a long webpage the PNG is only of what is currently being displayed, not the entire webpage.)
Jun 08, 2010
David Grevink said...
Well, it seems that the Safari Extension API does not allow that, yet. I will however try and find a way to do so and will update the extension if I find a way !
Jun 08, 2010
Shawn Pero said...
What do you mean by "The image is now on the site ! You can drag it out on your desktop"? This doesn't make sense. I click the Snapper button multiple times and nothing happens. Does it embed an image into the HTML of a page you're looking at, and you can then, say, right click to "Save As"? That doesn't seem like it'd work, but nothing else makes sense, so I thought I'd ask and see if I can get a straight answer.
Jun 08, 2010
kuupoika said...
ahhh... ignore my question... didn't realise it was a "button"... all thanks to Shawn inadvertently helping me there :-)
Jun 08, 2010
kuupoika said...
@Shawn Pero
just click and hold in the page after pressing the Snapper button (thanks for mentioning that) and drag the image to the desktop... works here... be great if can get it to do the whole length of the page rather than just the viewable area of the window
Jun 08, 2010
jimbo60640 said...
COOL!
Jun 09, 2010
Glycera said...
Nobody speaking here refreshed the page after installing the extension, ha! It does work, but requires a refresh..

In order to make this better, in my opinion, would be to add a camera flash to the screen and a sound effect like the built in page snapper in OS X (Win users might not be familiar). I would also second Randy Harris's comments and like to see the whole page captured. One other thing would be more in the spirit of Safari's minimalist intervention would be to loose the confirmation box (of which the sfx would replace) and automatically save the PNG to the desktop or default Download box.

Good luck as things progress.

Jun 09, 2010
sosb said...
Seems to place the black rectangle result viewer in all iframes as well, so you can end up with many instances and a useless screenshot.
Jun 09, 2010
TequilaPhone said...
Enjoy new version. Great Job
Jun 09, 2010
Chino said...
Great extension, kudos on the good work.
I'll second that first comment on full page snapshots. Hope you find a way around that.
Jun 09, 2010
Jason Robb said...
If you get full page snapping, you'll be my hero. Looking forward to it.

Thanks!

Jun 11, 2010
Andrew Johnson said...
To get an entire page snap you may like to check out an iPhone/iPad app called PageCapture, different sources but might give you an idea somehow, just a thought, probably throw you right off track, but anyhow....
Jun 11, 2010
Andrew Johnson said...
P.S. ah me again, thought I'd let you know that not only can you drag it onto your desktop, I actually dragged it into iPhoto on the dock, so presumably you could drag it into other apps like Mail, preview etc
Jun 12, 2010
Takky said...
Very Good
Jun 13, 2010
David Grevink said...
Thanks for your tips Andrew !

Unfortunately the new Safari Extension system is solely based on Javascript / HTML / CSS and the Javascript APIs provided by Apple.

The extension is limited by what the API offers and as of now the only thing one can capture with those is the visible part of the page.

If Apple updates the APIs, I will update the extension accordingly.

Thanks again !
Jun 16, 2010
effektmedia said...
good capturing extension for safari! I like it, very good!
I hope you will develope it for capturing the whole page
Thanks!
Jul 08, 2010
Grover Saunders said...
I've noted that you can't take snapshots of local html documents loaded in a browser. Could be useful for sending a snapshot of current progress to a client. Is this intentional?
Jul 08, 2010
David Grevink said...
Hello,

No this is not intentional. This must be a limit set by Apple. I will look into it, but I think we should wait for Apple to update its API.

Regards,

Dave


Jul 09, 2010
Jay said...
Brilliant! Do you have any idea how long I've wanted something like this? Made my week.
Jul 09, 2010
Jay said...
I'd love a version of this that would export to ICNS

Leave a comment...