Take a screenshot of a single node

Categories:

Supported by:

In Firefox, Chrome, Polypane and Edge DevTools, you can screenshot a single node from the page.

Go to the Elements panel (or Inspector panel in Firefox).
Right-click on the node you want to screenshot.
Select Capture node screenshot (or Screenshot node in Firefox).

Animation showing taking a node screenshot in Firefox.

In Polypane:

Click the "Make a screenshot" option.
Select "Element".
Click the element on your page you want to screenshot.

Animation showing taking a node screenshot in Polypane.

See also