Мастерство драматурга: раскрыты методы элементального манипулирования
Мастерство драматурга: раскрыты методы элементального манипулирования

Введение

В автоматизированном тестировании и парсинге данных взаимодействие с элементами страницы имеет решающее значение. Драматург Обеспечивает богатый API для выполнения различных операций с элементами, включая клики, введите текст, получение атрибутов и т. д. В этой статье мы покажем вам, как использовать Playwright Выполните операции с элементами.

щелкните элемент

Нажатие на элемент страницы — одно из самых распространенных действий. Драматург предоставил locator Объект click() метод для реализации операций щелчка. Вот пример:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        button = page.locator('button')
        button.click()
        browser.close()

if __name__ == "__main__":
    main()

В этом примере мы используем click() Метод нажимает элемент кнопки на странице. Это вызовет событие нажатия кнопки, как если бы пользователь нажал ее в браузере.

Введите текст

Введите текст — еще одна распространенная операция над элементом. Драматург предоставил locator Объект fill() Метод имитации пользователя в поле формы. Операция текст. Вот пример:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        input_field = page.locator('input[type="text"]')
        input_field.fill('Hello, Playwright!')
        browser.close()

if __name__ == "__main__":
    main()

В этом примере мы используем fill() Метод вводит текст в поле ввода текста на странице. "Hello, Playwright!"

Получить значение атрибута

Иногда нам может потребоваться получить значение атрибута элемента, например ссылки. URL Или адрес картинки. Драматург предоставил locator Объект get_attribute() Метод для получения значения атрибута элемента. Вот пример:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        link = page.locator('a')
        href = link.get_attribute('href')
        print("Link URL:", href)
        browser.close()

if __name__ == "__main__":
    main()

В этом примере мы используем get_attribute() метод получает элемент ссылки href значение атрибута и распечатайте результат.

Подвести итог

Из этой статьи мы узнали, как использовать Playwright Выполнять операции с элементами, включая клики, Введите тексти Получить значение атрибутаждать。Playwright Обеспечивает богатый API делает взаимодействие с элементами страницы более простым и гибким.

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода