

How to Take a Screenshot on Mac Using Preview.Take a Video Screenshot Using a Mac Screenshot Shortcut.Use the New Built-In Screenshot Tool – Command + Shift + 5.Use the Default Shortcut – Command+Shift+4.Have any similar productivity tips to share? Let us know in the comments below. You’ve now captured the full length of a web page without any additional software or tools.

Click the Edit button at the top right of the window.įrom there, click the Crop tool at the top left.Ĭlick and drag the corners of the marquee that appears to crop comfortably to the edges of your screenshot, then click Done at the top right. Chances are, there are a lot of empty containers around the screen image that you’ll want to remove. Select it by clicking once with your mouse in the Finder, then hit your spacebar to preview it. Head to the location on your Mac where you saved the screenshot. Īfter a second or two, you’ll be prompted to select a location and a filename for your screenshot. You’ll get a flyout menu, within which you can select Capture Screenshot. You’ll see almost all of the web page content highlighted.Ĭontrol-click or right-click while hovering over the tag. Make sure you’re on the Elements tab in the Web Inspector panel at the bottom of your Safari window. Ī panel will open at the bottom of your Safari window that might look intimidating, but you don’t need the skills of a developer to get what you need here. Start inspecting.įrom the Develop menu, choose Show Web Inspector. Check the box next to Show Develop Menu in Menu Bar.

Turn on the Develop menu.įirst, launch Safari, select Safari > Preferences from the menu, and go to the Advanced tab. You just need to take a few steps to activate it and shoot those screens to your heart’s content.

There are plenty of standalone apps and browser extensions that can assist with streamlining this process, like Awesome Screenshot, but you might not realize that your Mac’s built-in browser, Safari, has this capability already. While that method works, it’s not a good use of your time. Then, you’re likely off to Photoshop to stitch multiple screenshots together. There’s always the tedious, manual way of doing this: taking a screenshot (shift-command-3), then scrolling down the page in your browser, and repeating the process until you’ve reached the bottom of a web page. Getting a screenshot of the entire length of a web page can be useful for a variety of reasons, whether you’re creating a scrolling mockup for presentation purposes or you recently purchased a font bundle and want to capture the page that shows type specimens of your new treasure trove for future reference.
