That doesn’t align itself to the dimensions of an element. The screenshot thingy even allows you to screenshot past the visible area for scrollable pages
And if you open Firefox’s responsive mode and give the webpage some considerable height, you can even take a full-page screenshot in one screenshot without having to stitch.
You don’t even need to open Responsive Design Mode - when you select Take Screenshot, there are two buttons “Save visible” and “Save full page” in the top right-hand corner.
The issue with full page screenshot is that it cannot properly detect elements that are of type “fixed” or “sticky”, so the output comes out as messy. If you have a fixed/sticky footer element, it will be somewhere in the middle or topmost part of the screenshot.
I usually select from bottom for those, that way the sticky ends up above the selected area when it sticks to the top.
In other more complex cases your method is a good aproach though
That doesn’t align itself to the dimensions of an element. The screenshot thingy even allows you to screenshot past the visible area for scrollable pages
TIL, that’s awesome to know
And if you open Firefox’s responsive mode and give the webpage some considerable height, you can even take a full-page screenshot in one screenshot without having to stitch.
You don’t even need to open Responsive Design Mode - when you select Take Screenshot, there are two buttons “Save visible” and “Save full page” in the top right-hand corner.
The issue with full page screenshot is that it cannot properly detect elements that are of type “fixed” or “sticky”, so the output comes out as messy. If you have a fixed/sticky footer element, it will be somewhere in the middle or topmost part of the screenshot.
Ah yes, RDM is a clever workaround for that - I should remember that.
I usually select from bottom for those, that way the sticky ends up above the selected area when it sticks to the top.
In other more complex cases your method is a good aproach though