How to take a full page screenshot in the Firefox browser?

General Discussions
1

How to take a full page screenshot in the Firefox browser?

2

Hello,

The getFullPageScreenshotAs() method can take a screenshot of an entire page in the Firefox browser. The following code snippet should help:

WebDriver driver = new FirefoxDriver();
driver.get("https://example.com");
File screenshot = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(screenshot, new File("full_page_screenshot.png"));
driver.quit();

To know how to take full pages, follow this blog:

3

Dear Shielagaa,

You can also use other libraries, such as the AShot library in Selenium helps capture full-page screenshots for browsers where native methods may not work. It stitches screenshots together to create a full-page view.

Example:

WebDriver driver = new FirefoxDriver();

driver.get("https://example.com");

Screenshot screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(1000)).takeScreenshot(driver);

ImageIO.write(screenshot.getImage(), "PNG", new File("full_page_screenshot.png"));

driver.quit();

Blockquote

4

Hey,

I usually use the Chrome DevTools Protocol (CDP)to capture full-page screenshots in Chrome. It’s a powerful way to access DevTools features directly through Selenium, giving me more precise control over the screenshot process. This approach really enhances my testing capabilities and ensures I get the full context of the page in a single image.

WebDriver driver = new ChromeDriver();
driver.get("https://example.com");

Map<String, Object> params = new HashMap<>();
params.put("format", "png");
params.put("fromSurface", true);

((ChromeDriver) driver).executeCdpCommand("Page.captureScreenshot", params);
File screenshot = new File("full_page_screenshot.png");

driver.quit();