Take a screen shot of a scrolling window that includes off-screen parts

On the Mac, how can I take a screen shot of a window that includes the parts that are off-screen and need scrolling to become visible?

The built-in Grab application can capture individual windows, but it only includes the parts that are on-screen at the moment.

Clarification: By "off-screen" I mean parts that are in the window, but are not visible, because the window has scrollbars. I do not mean parts of the window that are simply off-screen because of how the window is positioned (of course, I want those, too).

Thilo

Posted 2009-09-12T02:40:10.303

Reputation: 2 975

It's now possible using Chrome devtools. https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots

– Mosh Feu – 2019-12-22T06:00:25.987

We now have Software Recommendations Stack Exchange for questions like this one ;)

– nidunc – 2014-06-09T17:54:02.727

Answers

LittleSnapper will capture whole web pages, but not capture scrolled window contents in applications such as Finder.

Here is a website with 6 Screenshot Utilities (including LittleSnapper and some others that will capture whole pages).

There is a utility specifically for Finder listings called Print Window.

hanleyp

Posted 2009-09-12T02:40:10.303

Reputation: 6 519

Little Snapper looks nice, but it is 40 USD. On the other page you mentioned I found the Screengrab Firefox extension, which works splendidly for me (I wanted to capture a web site). http://www.screengrab.org/

– Thilo – 2009-09-12T05:27:23.367

Snagit is the only software I've found for the mac that can do this for scrolling application windows as well as web pages.

There is a pretty good tutorial available, but basically when you are making a capture you can click on the vertical scrolling button and it will manually scroll the application window and piece together all the shots to make a comprehensive shot - very helpful!

Hope this helps!

Matt Sanders

Posted 2009-09-12T02:40:10.303

Reputation: 196

1Works for Finder, doesn't work for the terminal. 50$ – Tvaroh – 2014-06-08T13:10:24.027

It works just fine for me with iTerm2, which is a superior terminal replacement. I would love a cheaper option but this is the only thing that I've found that works in most scrollable applications.

– Matt Sanders – 2014-06-11T07:24:11.107

While Little Snapper can take a picture of an entire web page, and Layers can capture every element on your screen (including stuff that’s hidden by other windows in front of it)—it’s unlikely you will find an application that can take a picture of the off-screen regions of a window.

The reason is that many applications don’t draw the off-screen portion until it’s needed. Often that part of the display isn’t even rendered until you scroll it into view. So a theoretical “whole window” snapper would capture a lot of blank or undefined areas.

Nate

Posted 2009-09-12T02:40:10.303

Reputation: 4 013

The free chrome browser extension Full Page Screen Capture (https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?hl=en-GB) allows capture of a long web page without scrolling.

– DataMania – 2017-02-20T23:30:20.233

That sounds reasonable. In my case, I needed to capture a web site, so I went with the Screengrab Firefox extension: http://www.screengrab.org/

– Thilo – 2009-09-12T05:26:03.977

Layers 1.1 also has "capture whole web pages" as a new feature. – Thilo – 2009-09-13T05:32:19.127

+1 Layers looks cool, although I can't think of a reason I'd have any use for it. :-) – hanleyp – 2009-09-20T23:38:05.803

If you just want to grab the output of a webpage as an image you can check out webkit2png or Paprazzi, a GUI similar in practice to webkit2png. Little Snapper does this as well.

Chealion

Posted 2009-09-12T02:40:10.303

Reputation: 22 932

[Necro-Nitpick: Paparazzi! isn't technically a GUI for webkit2png; it's just based on the ideas and basic methods webkit2png uses.] – Wevah – 2009-10-23T21:06:28.510

@Wevah: My bad. Edited to reflect this. – Chealion – 2009-10-23T22:06:29.607

In any browser, you can do File->Print. Then select PDF->Save as PDF...

Most web site don't have a special "Print" CSS, so the result in the PDF is reasonably equivalent to what you see.

To convert to another format, open the PDF with and Save as... you can select in a good list of formats (TIFF, PNG, GIF, JPEG...)

fgranger

Posted 2009-09-12T02:40:10.303

Reputation: 129

The question was not only about browsers (though, in the comments the questioner indeed indicated that's all that's needed). Most normal windows don't have a print option, hence no Save as PDF either. For browsers, even when there's a CSS for media="print" then a PDF (at least one created in Safari or OmniWeb on a Mac) has the additional advantage that links remain clickable. A disadvantage --for some usage-- will be the pagination though. Saving an image from a PDF often only yields an image of one specific page, not of the whole document. – Arjan – 2009-09-12T12:02:26.253

I tried "Save as PDF", but it does not like good at all. There is pagination, background images are missing, embedded Flash does not show... – Thilo – 2009-09-13T00:18:26.667

1Despite the clickable links in Safari and OmniWeb, "Save as PDF" is more like "Save the printed copy to PDF". So, any missing background (and maybe the Flash as well) is probably caused by some browser setting for printing. By default, often background colours and images are not printed. (Of course, there's also a small chance the website defines a print style sheet that disables those.) Likewise one can often change the headers and footers. – Arjan – 2009-09-14T08:15:44.853

Shift-Cmd-4, then press the spacebar.

Sophie Alpert

Posted 2009-09-12T02:40:10.303

Reputation: 1 057

2Did not work. This just captured the current window as shown on the screen (not so off-screen bits).Added a clarification to my question. – Thilo – 2009-09-12T04:26:05.003

For Firefox centric usage, Awesome Screenshot addon is pretty great and allows snapping entire web pages.

Ashutosh Jindal

Posted 2009-09-12T02:40:10.303

Reputation: 322

This drove me crazy for a while, too. But here's how you do it in little snapper:

Open the web page you want to capture
Click on the LittleSnapper icon in the toolbar at the top of your screen (looks like a camera lens)
Select 'Open current website in LittleSnapper' (I've found that this works for Safari but not Chrome)
In the LittleSnapper browser, click the camera icon to 'Snap the current webpage'

Seema Shah

Posted 2009-09-12T02:40:10.303

Reputation: 1