How To Screenshot The Entire Page

Published Oct 4, 2021


One of the Firefox features I love is the Take a Screenshot tool that let’s you capture visible parts of the page, the full page, or DOM (Document Object Model) elements.

You can do so using the dropdown option, or the Ctrl + Shift + S shortcut.

Taking screenshot of elements in Firefox


This is the one thing I miss when using Brave but there’s a solution that works for any Chromium based browser.

Open your developer tools with Ctrl + Shift + I, or use the options menu from your browser.

Inspired by the Command Palette from Visual Studio Code you can open the Command Menu with Ctrl + Shift + P and typing screenshot you get these options.

Taking screenshot of elements in Brave

If you want to capture a DOM element it has to be selected in elements.


While it’s not as convenient as Firefox at least you don’t require an extension but if you’re looking for one that lets you also record video you can use something like Nimbus.

Thanks for reading! 🏄‍♀️


If you want to support the content you're reading or watching on YouTube consider becoming a patreon starting low as 1$ per month.

Become a patreon
Subscribe For Updates
Found a mistake?

Every post is a Markdown file so contributing is simple as following the link below and pressing the pencil icon inside GitHub to edit it.

Edit on GitHub