I used to use an addon for a specific task, taking a screenshot and either saving it to my desktop or uploading straight to imgur, well I then recently found out that this add-on decided that it would insert ads on pages! I used to have random crashes that I could not explain either and I think this may have been the cause.
In an effort to replace this add-on I stumbled upon the Firefox developer toolbar, and how this exact process can be done with a simple command. One negative to this is I don’t think you can select a certain area that such add-ons can do. However you can copy the screenshot to the clipboard or use your Snipping Tool on Windows that can solve this, but obviously not as fast.
How do I do it?
First thing is you press Shift+F2 (together), which should bring up the developer console at the bottom of your page. FYI it stays on, even as you switch tabs, you can close the console again either by pressing the keys again or simply pressing the x on the right side.
Next you type screenshot (or you can type “s” and the console assumes you might want screenshot, so you can press tab straight away. Then hit “-” and the options to either save it to your download folder or copy it to clipboard or upload it straight away to imgur.com, so you would type -i and press tab and enter and that’s it, a new tab with your screenshot is provided.
I do see the CSS selector so you could in fact inspect the elements and type out the exact div that you want to take a screenshot of, however not as easy as simply dragging to your preferred area.
If you’ve not managed to figure it out, you can simply type “
screenshot --imgur” and that should do it all for you. Later on, if you open the console again, just hit the up arrow key and press enter, thus you don’t need to do any typing.
However the downside to this is the screenshot, once uploaded to imgur seems to link you to the raw/direct image, skipping the page that gives you the delete URL, this may be bad if in the event the screenshot is wrong or contains information that you wish to not make public. I think once this gets adjusted, maybe a selection area that can be selected with the mouse added, then this would be perfect to replace any addons that try to achieve this.
To read more about the Firefox developer console, look here https://developer.mozilla.org/en-US/docs/Tools/GCLI