Skip to content

Capture full-page screenshots of a website across multiple devices

License

DevHanza/ResponsiveShot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ResponsiveShot

Responsive Website Screenshot Capture Tool 📸

This Python app uses Playwright to capture full-page screenshots of a website across multiple devices: iPhone 12 Pro, iPad Mini, and Desktop Chrome.

🛠️ Requirements

Before running the app, make sure you have:

  • Python 3.7+
  • Playwright

⚙️ Installation

pip install playwright
playwright install

Run the script in your terminal:

python main.py

When prompted, enter the full URL of the website you want to capture (e.g., https://google.com).

✅ Features

  • Emulates multiple devices
  • Full-page screenshots with JavaScript and animation handling
  • Automatically saves screenshots into a timestamped folder
  • Simple terminal interface

The tool will:

  • Launch a Chromium browser (Behind the scenes)
  • Emulate different devices
  • Visit the website and scroll to the bottom
  • Save screenshots into a folder like screenshots/22-04-2025__02-35-12PM/

📁 Output

Captured screenshots will be stored under the screenshots/ directory in a timestamped folder like this:

screenshots/
└── 22-04-2025__02-35-12PM/
    ├── iPhone_12_Pro.png
    ├── iPad_Mini.png
    └── Desktop_Chrome.png

🗒️ Notes

  • You can modify the list of devices in the devices array inside the script.
  • Customize viewport or zoom settings for Desktop as needed.

Please rate with a ⭐ if you found this useful.

About

Capture full-page screenshots of a website across multiple devices

Topics

Resources

License

Stars

Watchers

Forks