19

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.

Improve this question
0

7 Answers 7

Reset to default
21

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

Improve this answer
3
  • 2
    This is awesome!
    – Nimesh Neema ♦
    Jun 4, 2019 at 22:49
  • 1
    This is the correct answer IMO, use CMD+Option+I to bring up Developer Tools in Safari
    – Dave Nelson
    Sep 11, 2019 at 16:53
  • 1
    As @DaveNelson said ⌥⌘I brings up Developer Tools, but for this shortcut to work you first need to enable the developer menu in Safari → Settings → Advanced
    – LapplandsCohan
    Mar 1, 2020 at 21:23
11

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.

Improve this answer
7
  • 4
    Plus 1 just for th effort of the full page shown : way to go! But good answer anyway.
    – Solar Mike
    Aug 25, 2018 at 21:08
  • 3
    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, 2018 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, 2019 at 22:47
  • Nimesh - long long man would upvote your answer, I’m sure of it.
    – bmike ♦
    Jun 5, 2019 at 2:14
  • @bmike Ha ha, nice!
    – Nimesh Neema ♦
    Jun 5, 2019 at 8:16
3

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

Improve this answer
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.

Improve this answer
1
  • The link for Awesome Screen Capture seems to be broken. I 'm getting Http/1.1 Service Unavailable
    – Tan
    Jan 31, 2022 at 4:48
1

I managed to take the entire page image of the website (on Safari) by clicking through: File > Export as PDF.

Though not PNG, the PDF did the job for me, since all I really wanted was some form of the capture of the entire webpage.... best!

Improve this answer
1
  • You can also add a keyboard shortcut for Export as PDF... (like Command+E, for example) via System Preferences > Keyboard > Shortcuts > App Shortcuts to make this even faster and more accessible. Resultant screenshots are full-length and can be highlighted, marked up, etc. in Preview.
    – Miles Wolbe
    May 20, 2021 at 9:39
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.

Improve this answer
2
  • 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, 2019 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, 2019 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

Improve this answer

You must log in to answer this question.

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