掌握 Playwright：元素操作技巧大揭祕

簡介

在自動化測試和網頁爬取中，與頁面元素的交互是至關重要的。Playwright 提供了豐富的 API 來執行各種元素操作，包括點擊、輸入文本、獲取屬性等。在本文中，我們將介紹如何使用 Playwright 進行元素操作。

點擊元素

點擊頁面元素是最常見的操作之一。Playwright 提供了 locator 對象的 click() 方法來實現點擊操作。以下是一個示例：

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() 方法點擊頁面中的按鈕元素。這將觸發按鈕的點擊事件，就像用戶在瀏覽器中點擊一樣。

輸入文本

輸入文本是另一個常見的元素操作。Playwright 提供了 locator 對象的 fill() 方法來模擬用戶在表單字段中輸入文本的操作。以下是一個示例：

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 或者圖片的地址。Playwright 提供了 locator 對象的 get_attribute() 方法來獲取元素的屬性值。以下是一個示例：

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，使得與頁面元素的交互變得更加簡單和靈活。