Selenium делает скриншот элемента - Google Chrome

Я пытаюсь сделать скриншот элемента тега <canvas> из google chrome, используя веб-драйвер selenium и python.

Я попытался использовать приведенный ниже код,

driver.find_element_by_css('#canvas-xyz').save_screenshot('canvas.png')

Он вернулся

AttributeError: 'WebElement' object has no attribute 'save_screenshot'

Я также пробовал это в инструментах разработчика,

document.querySelector('#canvas-xyz').toDataURL()

Он вернул следующий DATA URI, который пуст.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABq8AAAAhCAYAAABHnTGeAAAEQ0lEQVR4Xu3ZMREAAAwCseLfdG38kCrgUjZ2jgABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBEYJEcYhAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA445USECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIZASMV5lXCEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQIGC80gECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGMgPEq8wpBCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEjFc6QIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkBEwXmVeIQgBAgQIECBAgAABAgQIECBAgAABAgQIECBAgIDxSgcIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQyAsarzCsEIUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQMF7pAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQEbAeJV5hSAECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLGKx0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDICBivMq8QhAABAgQIECBAgAABAgQIECBAgAABAgQIECBAwHilAwQIECBAgAABAgQIECBAgAABAgQIECBAgAABAhkB41XmFYIQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgYr3SAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEAgI2C8yrxCEAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAeOVDhAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQEjFeZVwhCgAABAgQIECBAgAABAgQIECBAgAABAgQIECBgvNIBAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBjIDxKvMKQQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBIxXOkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIJARMF5lXiEIAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQICA8UoHCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEMgLGq8wrBCFAgAABAgQIECBAgAABAgQIECBAgAABAgQIEDBe6QABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBGwHiVeYUgBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECxisdIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQyAgYrzKvEIQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQMB4pQMECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIZAeNV5hWCECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIGK90gAABAgQIECBAgAABAgQIECBAgAABAgQIECBAICPwDiwAIhIPZYcAAAAASUVORK5CYII=

Можно ли сделать скриншот элемента с помощью chromedriver и селена в python. Я знаю, что инструменты chrome dev позволяют нам делать скриншоты определенного элемента. Даже если это метод JavaScript, я также могу получить URI данных с помощью команды driver.execute_script().

python selenium google-chrome selenium-webdriver selenium-chromedriver

30.06.2019 08:59

Почему в Python есть оператор "pass"?

Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.

Некоторые методы, о которых вы не знали, что они существуют в Python

Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...

Основы Python Часть I

Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?

LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа

Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:

Оптимизация кода с помощью тернарного оператора Python

И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это

Советы по эффективной веб-разработке с помощью Python

Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.

1 431

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

WebElement не имеет save_screenshot. Вы можете использовать screenshot_as_png (свойство) и сохранить его

element = driver.find_element_by_css('#canvas-xyz')
scrrenshot = element.screenshot_as_png
with open('canvas.png', 'wb') as f:
    f.write(scrrenshot)

Есть ли причина, по которой element.save_screenshot('file.png') не работает в Chrome?

— 30.06.2019 15:35

@CodeIt WebElement не имеет save_screenshot()

— 30.06.2019 15:40

если я использую find_element_by_class_name, element.screenshot_as_png не работает?

— 08.06.2021 10:22

30.06.2019 09:19

Используйте WebElement.screenshot()метод:

def screenshot(self, filename):
    """
    Saves a screenshot of the current element to a PNG image file. Returns
       False if there is any IOError, else returns True. Use full paths in
       your filename.

    :Args:
     - filename: The full path you wish to save your screenshot to. This
       should end with a `.png` extension.

    :Usage:
        element.screenshot('/Screenshots/foo.png')
    """

Итак, в вашем примере это будет:

driver.find_element_by_css('#canvas-xyz').screenshot('canvas.png')

14.06.2021 09:14

Другие вопросы по теме

Веб-скрейпинг из всплывающего окна с использованием python selenium

Дублированный текст, отправленный цепочками действий send_keys при интеграции в цикл for python

Проверка наличия элемента с объектом WebElement

Когда я делаю загрузку с помощью веб-драйвера, я получаю сообщение «Ошибка загрузки — ошибка загрузки»

Итерация по столбцу

Ошибка: ElementNotInteractableException в Selenium Python

Как запустить тест в нескольких браузерах одновременно? Selenium Grid, C#, Specflow, NUnit

Как вызвать глобальный массив в другом методе

Как получить доступ к таблице с помощью тега заголовка <a> в xpath/selenium

Подход к автоматической проверке большого текстового файла (журналов) с помощью огурца с сайта www, проверенного с помощью selenium webdriver

Selenium делает скриншот элемента - Google Chrome

Ответы 2

Другие вопросы по теме

Похожие вопросы