7

In macOS, one can easily get a screen capture by using key combination Command + Shift + 4.

But, are there any keyboard shortcuts that can scroll a webpage or any other pages and get the screen capture?

I am looking for a keyboard shortcut and not an app or browser extension that needs to be downloaded from the Internet or Mac App Store.

9

Safari now has a ScreenCapture feature built-in, as explained in the article Full Page Screenshots in Browsers:

In Safari DevTools, select a node, right-click, and you'll see Capture Screenshot in the context menu.

There isn't a keyboard shortcut AFAIK, but it is available without additional third-party software. To capture the entire page, you would right-click on the <html> or <body> node, as demonstrated in this image from the CSS-Tricks article:

Demonstration of the Capture Screenshot feature in Safari

  • 2
    This is awesome! – Nimesh Neema Jun 4 at 22:49
  • This is the correct answer IMO, use CMD+Option+I to bring up Developer Tools in Safari – Dave Nelson Sep 11 at 16:53
8

Update: Safari introduced a feature accessible via the developer tools, which lets users capture screenshot of the entire webpage. This feature was not available at the time the answer was written. The original answer is kept as is for reference.

For Safari, refer to the answer by shawncampbell.

But, are there any keyboard shortcuts that can scroll a webpage or any other pages and get the screen capture?

No, there's no built-in mechanism in Safari/macOS to scroll and screenshot an entire webpage.

You'll either need to manually scroll, snap and stitch the images or write a script, both of which could be cumbersome.

You can do a Web search and find 3rd party Safari extensions that can perform this function for you, but again that's not what you are looking for.

If you relax the scope and are willing to download a software from the Internet, you can install Mozilla Firefox, a popular alternative Web browser for macOS. A screenshot tool, aptly named Firefox Screenshots is natively built into the web browser.

Download and install Firefox, open the desired Web page, click on the Page actions button in the address bar and select Take a Screenshot option.

enter image description here

You can choose between capturing the entire page,just the visible area or a specific region within the visible area.

enter image description here

What's great is that you can choose between downloading the generated image right away or save them online for later access (Do note that as per the linked support article, screenshots are saved for 14 days only). You can also copy the image directly to the clipboard or edit it in the browser itself.

enter image description here

Here's the Ask Different Web page in it's full glory :)

enter image description here

In my opinion, this is the most hassle free approach one can take to screenshot a Web page in macOS.

  • 3
    Plus 1 just for th effort of the full page shown : way to go! But good answer anyway. – Solar Mike Aug 25 '18 at 21:08
  • 2
    Wow! A reason to use Firefox! I haven’t had one of those in a decade! Cool to know this feature exists. 👍🏻 – TJ Luoma Aug 25 '18 at 23:24
  • I wish I knew this method of a full page-length screenshot. Makes certain aspects of web scraping WAY more efficient. I've scraped over 50k entities... – CJ Dana Jun 4 at 22:47
  • Nimesh - long long man would upvote your answer, I’m sure of it. – bmike Jun 5 at 2:14
  • @bmike Ha ha, nice! – Nimesh Neema Jun 5 at 8:16
2

Understanding the OP doesn’t want third party tools, many others will want this, so there are a couple of easy ways to do this using a mac.

  • Paparazzi! app - opens a window. Just paste the URL to capture the entire web page. The File menu has "Save Image As" to save the whole web page. With tools like folder actions, you can then print, file, or do whatever you wish with the images.
  • Web sites provide this service as well - no software required. One is web-capture.net. Also, paste your URL to receive an image type of your choosing. This easily prints or downloads as a zip file.

  • Awesome Screen Capture is an extension that provides a simple way to capture the entire website.

1

Run brew install webkit2png and then run a command like this:

webkit2png -F -W 1280 https://apple.stackexchange.com/questions/334689/screenshot-entire-web-page

-F creates a full-size screenshot. -W changes the width of the browser window (the default is 800).

0

No. Safari on macos 10.13 and lower doesn’t have this function to scroll and snap and paste and stitch together pages so this isn’t possible. Making a shortcut for an official function is trivial and you could automate everything with a smart enough script and then trigger your tool, but you’re back to adding a third party program at that point.

Best is to perhaps explore if saving as pdf works for you after trying reading mode. Those would be far less work to script into a shortcut or two.

That being said, there are dozens of great options and tools to do this - some as simple as choosing an alternate browser than the one that ships with macOS. As great as Safari is for some things, choice is the blessing of a computer OS like macOS to allow more tools to be made to run on that platform.

  • Apple is going about crippling Safari. I found a reference to Nimbus for safari, but it's no longer in the app store. Nimbus exists for Firefox and it's free. – historystamp Jan 24 at 4:26
  • 1
    Just to note here that histrionics are not only unhelpful, but often untrue. Point-of-fact, not only is Apple striving to improve Safari, but they have added this feature directly into the browser. Helpful to remember next time someone says that the sky is falling because Apple doesn't have feature X right now. – TJ Luoma Jun 5 at 1:58
0

There is another flexible while mostly unwieldy way to do this.
1. recording your all page content with quicktime and save it to a video file
2. export frames as images from the video file with final cut pro x
3. combine all images into a lengthy panorama with photoshop, namely the full screenshot of the page

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .