Как сделать снимок экрана веб-элемента внутри веб-страницы, но не на весь экран или страницу через Selenium

Question

Я должен сделать снимок экрана с изображением определенного веб-сайта. Может быть, это 20% от всего экрана, я использовал код ниже, он захватывает весь экран. Что не помогает мне решить проблему.

WebDriver driver = new FirefoxDriver();
driver.get("http://www.google.com/");
File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(scrFile, new File("c:\\tmp\\screenshot.png"));

Answer 1

Если ваш код пробует getScreenshotAs() Метод сделает скриншот всей страницы.

Чтобы сделать снимок экрана веб-элемента на определенной веб-странице, вы можете использовать AShot() метод импорта ashot-1.4.4.jar при работе с Selenium Java Client v3.14.0, ChromeDriver v2.41, Chrome v 68.0.

Примечание: AShot() Метод из ashot-1.4.4.jar работает только с веб-приложениями с поддержкой jQuery.

Так как сайт http://www.google.com/ не включен JQuery AShot() Метод из ashot-1.4.4.jar не сможет сделать необходимый скриншот.

В качестве примера мы возьмем снимок с сайта https://jquery.com/,

• Блок кода:

  package aShot;
  
  import java.io.File;
  
  import javax.imageio.ImageIO;
  
  import org.openqa.selenium.By;
  import org.openqa.selenium.WebDriver;
  import org.openqa.selenium.WebElement;
  import org.openqa.selenium.chrome.ChromeDriver;
  import org.openqa.selenium.chrome.ChromeOptions;
  import org.openqa.selenium.support.ui.ExpectedConditions;
  import org.openqa.selenium.support.ui.WebDriverWait;
  
  import ru.yandex.qatools.ashot.AShot;
  import ru.yandex.qatools.ashot.Screenshot;
  
  public class ashot_google_homepage_logo {
  
      public static void main(String[] args) throws Exception {
  
          System.setProperty("god.bless.you", "C:\\Utility\\BrowserDrivers\\chromedriver.exe");
          ChromeOptions options = new ChromeOptions();
              options.addArguments("start-maximized");
              options.addArguments("disable-infobars");
              options.addArguments("--disable-extensions"); 
          WebDriver driver =  new ChromeDriver(options);
          driver.get("https://jquery.com/");
              WebElement myWebElement = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//h3[contains(.,'Lightweight Footprint')]")));
              Screenshot myScreenshot = new AShot().takeScreenshot(driver, myWebElement);
              ImageIO.write(myScreenshot.getImage(),"PNG",new File("./Screenshots/elementScreenshot.png"));
              driver.quit();
      }
  }
  

• Скриншот:

Answer 2

Можете ли вы попробовать это

driver.get("https://stackru.com/");
WebElement element = driver.findElement(By.xpath("//span[(text()='Stack Overflow') and @class='-img _glyph']"));
WrapsDriver wrapsDriver = (WrapsDriver) element;
File screenshot = ((TakesScreenshot) wrapsDriver.getWrappedDriver()).getScreenshotAs(OutputType.FILE);
Rectangle rectangle = new Rectangle(element.getSize().width, element.getSize().height, element.getSize().height, element.getSize().width);
Point location = element.getLocation();
BufferedImage bufferedImage = ImageIO.read(screenshot);
BufferedImage destImage = bufferedImage.getSubimage(location.x, location.y, rectangle.width, rectangle.height);
ImageIO.write(destImage, "png", screenshot);
File file = new File("C:\\123.png");
FileUtils.copyFile(screenshot, file);

Answer 3

Я использую selenium-java-3.141.59 и ChromeDriver 83.0.4103.39, этот код ниже отлично работает для меня:

    WebDriver driver = new ChromeDriver();
  　driver.get("https://www.google.com/");
　　WebElement element = driver.findElement(By.id("hplogo"));
　　Screenshot screenshotHeader = new AShot().coordsProvider(new WebDriverCoordsProvider()).shootingStrategy(ShootingStrategies.viewportPasting(100)).takeScreenshot(driver, element);
    try {
        ImageIO.write(screenshotHeader.getImage(),"jpg",new　File("C:/TESTSELENIUM/Google.jpg"));
    } catch (IOException e) {
        e.printStackTrace();
    }