DEV Community

Chandu J S
Chandu J S

Posted on • Edited on • Originally published at chandujs.dev

📸 How to take screenshots from Chrome

#productivity #chrome #webdev

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

✌️

Top comments (0)

Read next

jetthoughts-dev profile image

Mastering Ruby on Rails Best Practices for Efficient Development in 2024

JetThoughts Dev -

markus009 profile image

Selenium CAPTCHA Bypass: Tokens vs. Clicks — Which One’s Faster?

Markus -

jvidaln profile image

Preparação para Entrevistas Globais: Minhas Experiências e Aprendizados

Jean Vidal -

david_lee_3fbd4f173aa8568 profile image

Mastering the Cloud: A Comprehensive Guide to Virtual Private Clouds (VPC) and Their Benefits

David Lee -