Can I DevTools?

Share this post

Tips & Tricks #44

canidevtools.substack.com

Discover more from Can I DevTools?

Get weekly tips & tricks for your favorite browser devtools, created by @pankajparashar.
Continue reading
Sign in

Tips & Tricks #44

Can I take a screenshot of the viewport?

Pankaj Parashar
Apr 14, 2023
1
Share this post

Tips & Tricks #44

canidevtools.substack.com
Share

Chrome, Edge, Opera

  1. Open Command menu (Cmd+Shift+P or Ctrl+Shift+P) > Run "Capture screenshot" > Press Enter. By default, the screenshot will be saved in the Downloads directory.

canidev.tools/capture-viewport-screenshot/chrome

Firefox

  1. In Console, use the built-in helper function :screenshot to capture screenshot of the current page.

canidev.tools/capture-viewport-screenshot/firefox

Safari

  1. In Console, use console.screenshot() to capture the screenshot of the viewport.

canidev.tools/capture-viewport-screenshot/safari
1
Share this post

Tips & Tricks #44

canidevtools.substack.com
Share
Previous
Comments
Top
New

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing