How to take screenshots of the entire webpage without any extensions?

question devtips chromium
Ram Patra Published on August 27, 2020
Chromium Based Browsers (Chrome, Brave, etc.)

I always used an extension like Awesome Screenshot in Chrome to take screenshots of any website. However, you do not need an extension to capture a screenshot of a webpage.

Simply press Cmd + Option + I (or go to View > Developer > Developer Tools) to open the dev tools. Once opened, press Cmd + Shift + P to open the Command Palette.

Now in the Command Palette, type ‘screenshot’ and click on:

  • Capture full size screenshot to take a screenshot of the entire webpage
  • Capture node screenshot to take a screenshot of a particular element on the webpage (Note: You have to select the element first and then click on this option)
  • Capture screenshot to take a screenshot of the visible portion of the webpage
  • Capture area screenshot to take a screenshot of the selected area

See this video for a live demo:

Presentify

Take your presentation to the next level.

App Store Learn More
FaceScreen

Put your face and name on your screen.

App Store Learn More
ToDoBar

Your to-dos on your menu bar.

App Store Learn More
SimpleFill

Fill forms using your right-click menu.

App Store Learn More
Ram Patra Published on August 27, 2020
Image placeholder

Keep reading

If this article was helpful, others might be too

View all
question devtips git September 22, 2024 How to upload large files to a git repository?

By default, you cannot upload files larger than ~100MB (for most Git hosting service providers). If you do so, the git push command will fail with an error. The recommended way to work with large files is to use Git LFS.

Author Avatar Ram Patra
question devtips git July 14, 2025 Push code to two or more remotes in Git or have two push urls for a single remote

You can add multiple remotes to a Git repository. This is useful if, for example, you want to push code to both GitHub and GitLab, or collaborate with multiple forks.

Author Avatar Ram Patra
question devtips git March 21, 2025 How to delete files from Git LFS and move them to normal Git Storage?

Git does not automatically move files back to normal Git storage after you untrack them from LFS. Here’s what happens when you untrack a file:

Author Avatar Ram Patra

Like my work?

Please, feel free to reach out. I would be more than happy to chat.

Projects Chat now