Legit one of the most underrated Firefox features that I use all the time: right-click -> Take Screenshot (or Ctrl+Shift+S). No need to look up the relevant node, just hover the relevant part with your cursor.
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
Legit one of the most underrated Firefox features that I use all the time: right-click -> Take Screenshot (or Ctrl+Shift+S). No need to look up the relevant node, just hover the relevant part with your cursor.
I mean if you are using windows couldn’t you just snipping tool with print screen?
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.
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