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

Question

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).

Solution 1

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.

Solution 2

Update (2021)

The ability to do this is now built into Safari and is super easy.

File > Export as PDF... will get you what you want in most cases.

See this answer for more details on how to snapshot a whole page or a sub-section of the page.

There are also similar capabilities in Firefox & Chrome.

Original answer

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!

Solution 3

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.

Solution 4

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.

Solution 5

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...)

View more solutions

Comments

[nidunc]

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

[Mosh Feu]

It's now possible using Chrome devtools. developers.google.com/web/updates/2017/04/…

[Thilo]

Did 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]

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

[Thilo]

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). screengrab.org

[Arjan]

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.

[Thilo]

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]

Layers 1.1 also has "capture whole web pages" as a new feature.

[Arjan]

Despite 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.

[hanleyp]

+1 Layers looks cool, although I can't think of a reason I'd have any use for it. :-)

[Wevah]

[Necro-Nitpick: Paparazzi! isn't technically a GUI for webkit2png; it's just based on the ideas and basic methods webkit2png uses.]

[Chealion]

@Wevah: My bad. Edited to reflect this.

[Tvaroh]

Works for Finder, doesn't work for the terminal. 50$

[Matt Sanders]

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.

[DataMania]

The free chrome browser extension Full Page Screen Capture (chrome.google.com/webstore/detail/full-page-screen-capture/‌​…) allows capture of a long web page without scrolling.