How To Screenshot The Entire Page

Published Oct 4, 2021

Firefox

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

Chrome

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.

Conclusion

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! ๐Ÿ„โ€โ™€๏ธ

Support

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