Here’s a new trick I picked up this morning: you can take full-page screenshots of any Web page in Safari for macOS without using third-party extensions.
Before trying this at home, make sure you have the Develop menu enabled. In case it’s not visible in the menu bar, head to Safari ▶ Preferences ▶ Advanced ▶ Show Develop menu in menu bar.
Once that’s taken care of, follow these steps:
- Head to Develop ▶ Show Web Inspector or use the Option + Command + I shortcut.
- In the first Elements tab, look for the
htmltag in the source tree.
- Right-click the
htmltag and choose Capture Screenshot.
- Choose a destination and save the file. Append the
.pngextension to the name if you want preview to properly recognize it as an image.
Bonus: You can capture any HTML tag in the source tree, not just the root element.