Nehmen Sie screenshot der gesamten Seite mit Selenium-Python mit chromedriver

Können Sie erreichen dies durch ändern der CSS der header vor dem screenshot:

topnav = driver.find_element_by_id("topnav")
driver.execute_script("arguments[0].setAttribute('style', 'position: absolute; top: 0px;')", topnav) 

BEARBEITEN: Setzen Sie diese Zeile nach Ihrem Fenster scrollen:

driver.execute_script("document.getElementById('topnav').setAttribute('style', 'position: absolute; top: 0px;');")

Also in Ihrem util.py wird es sein:

driver.execute_script("window.scrollTo({0}, {1})".format(rectangle[0], rectangle[1]))
driver.execute_script("document.getElementById('topnav').setAttribute('style', 'position: absolute; top: 0px;');")

Wenn die Website die header tag, Sie es tun können, mit find_element_by_tag_name("header")

Diese Antwort verbessert auf vorherigen Antworten durch am05mhz und Javed Karim.

Es wird davon ausgegangen headless-Modus, und das ein-Fenster-Größe-option wurde zunächst nicht festgelegt. Vor dem Aufruf dieser Funktion sicher die Seite vollständig geladen ist, vollständig oder ausreichend.

Er versucht, zum festlegen der Breite und Höhe sowohl, was notwendig ist. Der screenshot von der gesamten Seite kann manchmal auch einen unnötigen vertikalen Scrollbalken. Ein Weg, um in der Regel vermeiden Sie die Bildlaufleiste, indem Sie ein Bildschirmfoto des body-Elements statt. Nach dem speichern einen screenshot, es wird die Größe auf, was es ursprünglich war, widrigenfalls die Größe für den nächsten screenshot ist möglicherweise nicht richtig eingestellt.

Letztlich diese Technik kann immer noch nicht perfekt funktioniert gut für einige Beispiele.

def save_screenshot(driver: webdriver.Chrome, path: str = '/tmp/screenshot.png'):
    # Ref: https://stackoverflow.com/a/52572919/
    original_size = driver.get_window_size()
    required_width = driver.execute_script('return document.body.parentNode.scrollWidth')
    required_height = driver.execute_script('return document.body.parentNode.scrollHeight')
    driver.set_window_size(required_width, required_height)
    # driver.save_screenshot(path)  # has scrollbar
    driver.find_element_by_tag_name('body').screenshot(path)  # avoids scrollbar
    driver.set_window_size(original_size['width'], original_size['height'])

Wenn mit Python älter als 3.6, entfernen Sie die Typ-Annotationen aus der definition einer Funktion.

Nach Kenntnis der Ansatz von @Moshisho.

Mein standalone-arbeiten Skript, wird... (mehr-schlafen 0.2 nach jedem scrollen und position)

import sys
from selenium import webdriver
import util
import os
import time
from PIL import Image

def fullpage_screenshot(driver, file):

        print("Starting chrome full page screenshot workaround ...")

        total_width = driver.execute_script("return document.body.offsetWidth")
        total_height = driver.execute_script("return document.body.parentNode.scrollHeight")
        viewport_width = driver.execute_script("return document.body.clientWidth")
        viewport_height = driver.execute_script("return window.innerHeight")
        print("Total: ({0}, {1}), Viewport: ({2},{3})".format(total_width, total_height,viewport_width,viewport_height))
        rectangles = []

        i = 0
        while i < total_height:
            ii = 0
            top_height = i + viewport_height

            if top_height > total_height:
                top_height = total_height

            while ii < total_width:
                top_width = ii + viewport_width

                if top_width > total_width:
                    top_width = total_width

                print("Appending rectangle ({0},{1},{2},{3})".format(ii, i, top_width, top_height))
                rectangles.append((ii, i, top_width,top_height))

                ii = ii + viewport_width

            i = i + viewport_height

        stitched_image = Image.new('RGB', (total_width, total_height))
        previous = None
        part = 0

        for rectangle in rectangles:
            if not previous is None:
                driver.execute_script("window.scrollTo({0}, {1})".format(rectangle[0], rectangle[1]))
                time.sleep(0.2)
                driver.execute_script("document.getElementById('topnav').setAttribute('style', 'position: absolute; top: 0px;');")
                time.sleep(0.2)
                print("Scrolled To ({0},{1})".format(rectangle[0], rectangle[1]))
                time.sleep(0.2)

            file_name = "part_{0}.png".format(part)
            print("Capturing {0} ...".format(file_name))

            driver.get_screenshot_as_file(file_name)
            screenshot = Image.open(file_name)

            if rectangle[1] + viewport_height > total_height:
                offset = (rectangle[0], total_height - viewport_height)
            else:
                offset = (rectangle[0], rectangle[1])

            print("Adding to stitched image with offset ({0}, {1})".format(offset[0],offset[1]))
            stitched_image.paste(screenshot, offset)

            del screenshot
            os.remove(file_name)
            part = part + 1
            previous = rectangle

        stitched_image.save(file)
        print("Finishing chrome full page screenshot workaround...")
        return True


driver = webdriver.Chrome()

''' Generate document-height screenshot '''
url = "http://effbot.org/imagingbook/introduction.htm"
url = "http://www.w3schools.com/js/default.asp"
driver.get(url)
fullpage_screenshot(driver, "test1236.png")

Nicht sicher, ob die Menschen immer noch das Problem.
Ich habe ein kleinen hack, der funktioniert ziemlich gut und spielt schön mit den dynamischen Zonen. Hoffe es hilft

# 1. get dimensions
browser = webdriver.Chrome(chrome_options=options)
browser.set_window_size(default_width, default_height)
browser.get(url)
time.sleep(sometime)
total_height = browser.execute_script("return document.body.parentNode.scrollHeight")
browser.quit()

# 2. get screenshot
browser = webdriver.Chrome(chrome_options=options)
browser.set_window_size(default_width, total_height)
browser.get(url)  
browser.save_screenshot(screenshot_path)

element=driver.find_element_by_tag_name('body')
element_png = element.screenshot_as_png
with open("test2.png", "wb") as file:
    file.write(element_png)

Es wurde ein Fehler in der code, der zuvor in Zeile 2. Hier ist die korrigierte man. Ein noob hier, nicht in der Lage, zu Bearbeiten, meinen eigenen Beitrag noch.

Manchmal die baove nicht Holen Sie sich die besten Ergebnisse. So kann eine andere Methode verwenden, um die Höhe aller Elemente und die Summe zu stellen, um das capture-Höhe unten:

element=driver.find_elements_by_xpath("/html/child::*/child::*")
    eheight=set()
    for e in element:
        eheight.add(round(e.size["height"]))
    print (eheight)
    total_height = sum(eheight)
    driver.execute_script("document.getElementsByTagName('html')[0].setAttribute('style', 'height:"+str(total_height)+"px')")
    element=driver.find_element_by_tag_name('body')
    element_png = element.screenshot_as_png
    with open(fname, "wb") as file:
        file.write(element_png)

BTW, es funktioniert auf FF.

Habe ich geändert die jeremie-Initiative-s " Antwort, so dass es nur die url nur einmal.

browser = webdriver.Chrome(chrome_options=options)
browser.set_window_size(default_width, default_height)
browser.get(url)
height = browser.execute_script("return document.body.parentNode.scrollHeight")

# 2. get screenshot
browser.set_window_size(default_width, height)
browser.save_screenshot(screenshot_path)

browser.quit()

Habe es!!! funktioniert wie ein Charme

Für NodeJS, aber das Konzept ist das gleiche:

await driver.executeScript(`
      document.documentElement.style.display = "table";
      document.documentElement.style.width = "100%";
      document.body.style.display = "table-row";
`);

await driver.findElement(By.css('body')).takeScreenshot();