Chrome DevTools: Capture the screenshot of a specific element

You can capture the screenshot of a specific HTML Element/DOM Node via DevTools. To do this:

  1. Inspect the element you wish to capture.
  2. Open the Command Menu with Cmd + Shift + P / Ctrl + Shift + P.
  3. Type in screenshot within the Command Menu.
  4. You can now capture the screenshot of only the specific element, a viewport screenshot, or a full-page screenshot.

No Comments Yet