Skip to content

๐Ÿ“ธ How To Take Screenshots From Chrome

twitter logo github logo ใƒป1 min read  

There are lots of Chrome extensions are available to take screenshots of websites.

But you know you can use Chrome's device toolbar to take screenshots of a website in any device sizes?

1. Go to Website

2. Open Developer Tools

Open Developer Tools

3. Click Toggle Device Toolbar Option

Device Toolbar Option

4. Choose Screen Size

Screen Size

Or you can choose the Responsive option and adjust the size.

5. Click Menu Icon

Menu Icon

6. Choose Capture Screenshot Option

Capture Screenshot


twitter logo DISCUSS
Classic DEV Post from Aug 16 '19

Powerlifting has made me a better developer. (Part 1: Interpersonally)

Chandu J S profile image
๐Ÿ’ป Full Stack Developer โ€ข Photographer โ€ข Freelancer ๐Ÿ‡ฎ๐Ÿ‡ณ Indian โ€ข Code โ€ข Music โ€ข Coffee โ˜•๏ธ