Loading...

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.

FaceScreen

Put your face and name on your screen.

ToDoBar

Your to-dos on your menu bar.

Ram Patra Published on August 27, 2020
Image placeholder

Keep reading

If this article was helpful, others might be too

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.

question devtips app-store September 29, 2024 How to add a bullet point in app descriptions for the Mac App Store?

To add a bullet point (•) in app descriptions for the Mac App Store, follow these steps:

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:

Like my work?

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