Comment prendre la capture d'écran partielle (frame) avec Selenium WebDriver?

Python solution (dépendance: PIL ou d'Oreiller):

from PIL import Image
from selenium import webdriver

def element_screenshot(driver, element, filename):
    bounding_box = (
        element.location['x'], # left
        element.location['y'], # upper
        (element.location['x'] + element.size['width']), # right
        (element.location['y'] + element.size['height']) # bottom
    )
    return bounding_box_screenshot(driver, bounding_box, filename)

def bounding_box_screenshot(driver, bounding_box, filename):
    driver.save_screenshot(filename)
    base_image = Image.open(filename)
    cropped_image = base_image.crop(bounding_box)
    base_image = base_image.resize(cropped_image.size)
    base_image.paste(cropped_image, (0, 0))
    base_image.save(filename)
    return base_image

if __name__ == '__main__':
    driver = webdriver.Firefox()
    driver.get('https://www.google.com/?gws_rd=ssl')
    element = driver.find_element_by_id('body')

    screenshot = element_screenshot(driver, element, 'element.png') # Screenshot the '#body' element

    bounding_box = (100, 100, 600, 600)
    screenshot = bounding_box_screenshot(driver, bounding_box, 'box.png') # Screenshot the bounding box (100, 100, 600, 600)

En train de poster un solution à base de C# sur le Html de l'élément de capture d'écran en sélénium:

Nous avons d'abord besoin de prendre la capture d'écran de la totalité de la page web à l'aide de la GetScreenShot méthode de sélénium web pilote comme ci-dessous.

Screenshot screenshot = ((ITakesScreenshot)this.driver).GetScreenshot(); 
screenshot.SaveAsFile(filename, System.Drawing.Imaging.ImageFormat.Jpeg);

Puis créer un rectangle à partir de l'emplacement , la hauteur et la largeur de l'élément html. (Ce doit être obtenue à l'aide de FindElement() méthode de sélénium en fournissant l'id ou le nom de la classe).

Image img = Bitmap.FromFile(uniqueName);
Rectangle rect = new Rectangle();

if (element != null)
{
    //Get the Width and Height of the WebElement using
    int width = element.Size.Width;
    int height = element.Size.Height;

    //Get the Location of WebElement in a Point.
    //This will provide X & Y co-ordinates of the WebElement
    Point p = element.Location;

    //Create a rectangle using Width, Height and element location
    rect = new Rectangle(p.X, p.Y, width, height);
}

À l'aide de ce que nous allons la culture de la capture d'écran ci-dessous et le résultat sera la capture d'écran web spécifiques à l'élément.

Bitmap bmpImage = new Bitmap(img);
var cropedImag = bmpImage.Clone(rect, bmpImage.PixelFormat);

Complète du code en tant que méthode ci-dessous:

///<summary>
///Captures the element screen shot.
///</summary>
///<param name="element">The element.</param>
///<param name="uniqueName">Name of the unique.</param>
///<returns>returns the screenshot  image </returns>
public Image CaptureElementScreenShot(HTMLElement element, string uniqueName)
{
    Screenshot screenshot = ((ITakesScreenshot)this.driver).GetScreenshot();
    screenshot.SaveAsFile(filename, System.Drawing.Imaging.ImageFormat.Jpeg);

    Image img = Bitmap.FromFile(uniqueName);
    Rectangle rect = new Rectangle();

    if (element != null)
    {
        //Get the Width and Height of the WebElement using
        int width = element.Size.Width;
        int height = element.Size.Height;

        //Get the Location of WebElement in a Point.
        //This will provide X & Y co-ordinates of the WebElement
        Point p = element.Location;

        //Create a rectangle using Width, Height and element location
        rect = new Rectangle(p.X, p.Y, width, height);
    }

    //croping the image based on rect.
    Bitmap bmpImage = new Bitmap(img);
    var cropedImag = bmpImage.Clone(rect, bmpImage.PixelFormat);

    return cropedImag;
}