How to Take a Screenshot of an Entire Webpage Mac

Charlotte Daniels

Mac, Tutorials

Taking a screenshot of an entire webpage on a Mac can be a useful feature when you want to capture the full content of a webpage, including what’s not visible on the screen. In this tutorial, we’ll walk you through the steps to take a screenshot of an entire webpage on a Mac.

Step 1: Install Chrome Browser
To capture an entire webpage on a Mac, we’ll be using the Chrome browser. If you don’t have it installed already, head over to the official Chrome website ( and download and install it on your Mac.

Step 2: Open Developer Tools
Once you have Chrome installed, open it and navigate to the webpage you want to capture. Next, open the Developer Tools by right-clicking anywhere on the page and selecting “Inspect” or by using the keyboard shortcut Option + Command + I.

Step 3: Toggle Device Toolbar
In the Developer Tools panel, you’ll notice a small mobile phone icon located in the top-left corner. Click on it to toggle the Device Toolbar. This toolbar allows you to simulate different devices and screen sizes.

Step 4: Select Responsive View
With the Device Toolbar enabled, locate and click on the dropdown menu labeled “Responsive” or “Toggle device toolbar.” From this menu, select a device that has a taller screen than your current screen resolution. This will ensure that all content is captured when taking the screenshot.

Step 5: Capture Screenshot
Once you’ve selected a responsive view with a taller screen size than your current resolution, right-click anywhere within the page and choose “Capture screenshot.” Alternatively, you can use the keyboard shortcut Command + Shift + P (Mac) or Control + Shift + P (Windows) to bring up the Command Menu and type “Capture screenshot.”

Step 6: Save Screenshot
After capturing the screenshot, a new tab will open displaying the captured image. Right-click on the image and select “Save image as” to save it to your desired location on your Mac.

Congratulations! You have successfully captured a full webpage screenshot on your Mac using the Chrome browser.

Now, let’s quickly summarize the steps:
1. Install Chrome browser. 2. Open Developer Tools. 3. Toggle Device Toolbar.

4. Select Responsive View. 5. Capture Screenshot. 6. Save Screenshot.

Taking a screenshot of an entire webpage can be extremely useful for various purposes, such as saving an online article for offline reading or capturing a design inspiration for future reference.

Remember, this method works specifically with the Chrome browser on a Mac. Other browsers may have similar features, but the steps may vary slightly.

We hope this tutorial has been helpful in teaching you how to take a screenshot of an entire webpage on a Mac using the Chrome browser. Now go ahead and capture those beautiful webpages effortlessly!

Android - iPhone - Mac

 © 2023 UI-Transitions

Privacy Policy