Firefox 41 arrived about a week ago, bringing with it a screenshot feature, and it may be the most interesting feature that the Mozilla team has added to its original source code, which is specifically aimed at developers.
This feature is found in Firefox's developer menus and is a simple option that allows developers to select a specific HTML DOM element within the HTML Code and then create a screenshot of that element, regardless of size.
So let's try to do it together. These are the basic steps:
Step 1: Press CTRL + Shift + S keys together. This will open the Firefox debugger.
Step 2: Select the Inspector tab, in case it is not selected by default (which in most cases it is not).
Step 3: From the HTML code, click on the DOM structure you want to take a snapshot of.
Step 4: Right-click on the specific DOM structure in the code you highlighted.
Step 5: Select the “Screenshot Node” option.
Step 6: The image has been saved to your computer.
The new feature allows you to take a screenshot of either small sections of any web page or the entire page, no matter how large it is.
Then you can of course use them either just for fun, or if you need to send a sample to your remote colleagues for debugging your code.
