如何使用 Selenium Webdriver 捕获特定元素而不是整个页面的屏幕截图？我尝试了已经可用的答案

Question

如何使用 Selenium Webdriver 捕获特定元素而不是整个页面的屏幕截图？我使用的是 selenium 4.0。如何使用 Selenium Webdriver 捕获特定元素而不是整个页面的屏幕截图？

Answer 1

检查 webelement 类以了解可用方法：

在java中：

https://www.selenium.dev/selenium/docs/api/java/org/openqa/selenium/WebElement.html

   WebDriver driver = new ChromeDriver();
   driver.get("https://stackoverflow.com/questions/66021499/how-to-capture-the-screenshot-of-a-specific-element-rather-than-entire-page-usin?noredirect=1#comment116730378_66021499");
   WebElement element = driver.findElement(By.cssSelector("#submit-button"));
   JavascriptExecutor js = (JavascriptExecutor) driver;  

   File a = new File("a.png");
   js.executeScript("arguments[0].scrollIntoView()",element);
   File b = element.getScreenshotAs(OutputType.FILE);
   FileUtils.copyFile(b, a);

在python中：

https://www.selenium.dev/selenium/docs/api/py/webdriver_remote/selenium.webdriver.remote.webelement.html

element.screenshot(filename)