DEV Community

loading...

📸 How to take screenshots from Chrome

Chandu J S
💻 Full Stack Developer • Photographer • Freelancer 🇮🇳 Indian • Code • Music • Coffee ☕️
Originally published at chandujs.dev Updated on ・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

✌️

Discussion (0)