Full-Page Screenshots in MacOS Safari without Extensions
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
html
tag in the source tree. - Right-click the
html
tag and choose Capture Screenshot. - Choose a destination and save the file. Append the
.png
extension 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.