Chrome Screenshot Specific Element

Did you know Chrome developer console comes with a whole hidden Command menu?

Well, I didn't know till a while ago, and it comes packed with cool features.

Today we are looking into making a screenshot of a specific element with it.

How to Screenshot a specific element

  • Inspect the element you wish to screenshot
  • Press Cmd + Shift + P | Ctrl + Shift + P to open the Command menu
  • Type Screenshot within the menu
  • Select the Capture node screenshot to capture the selected element.

Wow, I hope your as excited about this hidden menu as I am.

View on Youtube

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Learn Something New Everyday,
Connect With The Best Developers!

Sign Up Now!

& 500k+ others use Hashnode actively.

No Comments Yet