4 ways to capture screenshots with DevTools

Dale St. Marthe
Dale St. Marthe

Chrome DevTools offers innovative ways to capture screenshots of your web projects.

The following DevTools Tips video reveals 4 unique techniques and numerous tips to help you take the perfect screenshot. Never take screenshots the same way again!

Watch the video to learn how to:

  • Screenshot a node from the Elements panel.
  • Screenshot a node larger than the screen size.
  • Screenshot a mobile version of a website, and add a device frame.
  • Capture a full-page screenshot.
  • Screenshot an area of a page.
  • Customize your screenshot.