如何使用Java Selenium Webdriver Ashot FireFox自动对网页进行全屏拍摄，包括固定元素

Question

I'm using the combination of java selenium and ashot to take a fullscreen shot of a webpage. 我使用java硒和ashot的组合来对网页进行全屏拍摄。

Enviroment: 环境：

Firefox Quantum 66.0b10 (64-bit) Firefox Quantum 66.0b10（64位）
geckodriver-v0.24.0-win64 geckodriver-v0.24.0-Win64平台
jdk-8u201-windows-x64 JDK-8u201窗口-64
apache-maven-3.6.0-bin Apache的行家-3.6.0斌

IntellJ IDEA 2018.3.4 IntellJ IDEA 2018.3.4

  <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> <scope>test</scope> </dependency> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-java</artifactId> <version>3.141.59</version> </dependency> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-firefox-driver</artifactId> <version>3.141.59</version> </dependency> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>htmlunit-driver</artifactId> <version>2.33.2</version> </dependency> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-server</artifactId> <version>3.141.59</version> </dependency> <dependency> <groupId>ru.yandex.qatools.ashot</groupId> <artifactId>ashot</artifactId> <version>1.5.2</version> </dependency>

Problem: 问题：

Unfortunately, there is a fixed element that keep existing in the top of the page when scrolling that I don't wanted. 不幸的是，滚动时有一个我不想要的固定元素保留在页面顶部。 I just want it to show one time at the first scroll then hidden. 我只希望它在第一次滚动时显示一次，然后隐藏。

What I try: 我尝试的是：

I tried to find the code for scroll in ashot takeScreen() function to adjust the height for scrolling but could not find it. 我试图在ashot takeScreen（）函数中找到用于滚动的代码，以调整滚动的高度，但找不到它。
I tried change the built-in code of Ashot but it not allow (File is read only) 我尝试更改Ashot的内置代码，但不允许（文件是只读的）

Website for testing: 测试网站：

http://www.nettruyen.com/truyen-tranh/kingdom-vuong-gia-thien-ha/chap-590/446770 http://www.nettruyen.com/truyen-tranh/kingdom-vuong-gia-thien-ha/chap-590/446770

Code 码

package com.swtestacademy.webdriver;

//Info: When you write your code IntelliJ automatically adds required classes
//Also you can select and add required classes by pressing ALT+Enter then select related class

import org.junit.Assert;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import ru.yandex.qatools.ashot.AShot;
import ru.yandex.qatools.ashot.Screenshot;
import ru.yandex.qatools.ashot.shooting.ShootingStrategies;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.HashSet;
import java.util.Set;


/**
 * Created by ONUR BASKIRT on 26.08.2015.
 */
public class FirstAutomationTest {

//We should add @Test annotation that JUnit will run below method
@Test
//Start to write our test method. It should ends with "Test"
public void firefoxTest() throws InterruptedException, IOException {

    WebDriver driver = new FirefoxDriver();
    driver.get("http://www.nettruyen.com/truyen-tranh/kingdom-vuong-gia-thien-ha/chap-590/446770");
    Thread.sleep(3000);
    JavascriptExecutor js = (JavascriptExecutor)driver;
    //How to excute print screen for one time when class "chapter-nav scroll-to-fixed-fixed" is showed
    //then hidden "chapter-nav scroll-to-fixed-fixed"
    //and continue to takeScreenshot()
    js.executeScript("window.scrollTo(0,600)");
    js.executeScript("document.getElementsByClassName(\"chapter-nav scroll-to-fixed-fixed\")[0].classList.add(\"hidden\")");
    Screenshot screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(100)).takeScreenshot(driver);
    BufferedImage image = screenshot.getImage();
    ImageIO.write(image, "PNG", new File("D:\\" + "DDD.png"));
    driver.close();

}

} }

Expected Result: 预期结果：

Please take a look at these images 请看看这些图片

https://drive.google.com/open?id=1r3tkoqs46RMZuL0U-H2U6Y5d-BB6y-jt https://drive.google.com/open?id=1r3tkoqs46RMZuL0U-H2U6Y5d-BB6y-jt

Answer 1

You can use the <body> WebElement to take screenshot of the entire page 您可以使用<body> WebElement截取整个页面的屏幕截图

WebElement body = driver.findElement(By.tagName("body"));
File scrFile = ((TakesScreenshot)body).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(scrFile, new File("c:\\tmp\\screenshot.png"));

如何使用Java Selenium Webdriver Ashot FireFox自动对网页进行全屏拍摄，包括固定元素

问题描述

Enviroment: 环境：

Problem: 问题：

What I try: 我尝试的是：

Website for testing: 测试网站：

Code 码

Expected Result: 预期结果：

1 个解决方案

解决方案1
0 已采纳 2019-02-27 09:22:48

如何使用Java Selenium Webdriver Ashot FireFox自动对网页进行全屏拍摄，包括固定元素

问题描述

Enviroment: 环境：

Problem: 问题：

What I try: 我尝试的是：

Website for testing: 测试网站：

Code 码

Expected Result: 预期结果：

1 个解决方案

解决方案1 0 已采纳 2019-02-27 09:22:48

解决方案1
0 已采纳 2019-02-27 09:22:48