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.
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
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.
deleted by creator
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