DEV Community


Posted on

Capturing Full Webpage Screenshots with Selenium in Python: A Step-by-Step Guide

Image description

In the world of web development, testing, and documentation, capturing full-page screenshots of web pages can be a vital task. Whether you need to verify the visual appearance of a website, document bugs, or track website changes over time, automating the process of taking full webpage screenshots is invaluable. In this guide, we'll walk you through how to accomplish this using Python and Selenium.

Prerequisites :

1) Selenium Installed: Install the Selenium library using pip:

pip install selenium

2) Webdriver for Chrome: You'll need the Chrome WebDriver for Selenium.

Capturing Full Webpage Screenshots in Python

from selenium import webdriver
from import Options
from import By
import time
import os
from datetime import datetime

# Get the current timestamp for the image name
today =
image_name = today.strftime("%Y-%m-%d %H:%M:%S")

# Set the path where the screenshot will be saved
path = os.path.dirname(os.path.abspath(__file__))

# Configure Chrome WebDriver options
options = Options()
options.add_argument("--headless")  # Use headless mode for running in the background

# Initialize the Chrome WebDriver
driver = webdriver.Chrome(options=options)

# Navigate to the URL you want to capture

# Wait for the page to load (you can adjust the sleep time as needed)

# Use JavaScript to get the full width and height of the webpage
width = driver.execute_script("return Math.max( document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth );")
height = driver.execute_script("return Math.max( document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight );")

# Set the window size to match the entire webpage
driver.set_window_size(width, height)

# Find the full page element (usually 'body') and capture the screenshot
full_page = driver.find_element(By.TAG_NAME, "body")

# Close the browser window

Enter fullscreen mode Exit fullscreen mode

Capturing full webpage screenshots programmatically is a powerful tool for web developers, testers, and anyone involved in web-related tasks. With Python and Selenium, you can automate this process and save valuable time in your web development and testing workflows.

Feel free to customize the script and integrate it into your own projects to capture webpage screenshots automatically and efficiently.

Happy screenshotting!

Top comments (0)