在使用 Playwright 進行 Web 自動化時，頁面交互是核心操作之一。無論是訪問頁面、等待元素加載、截圖，還是自動填寫表單，Playwright 提供了豐富的 API 來幫助實現(xiàn)這些功能。本文將詳細介紹如何使用 Playwright 進行常見的頁面交互操作，并深入理解瀏覽器上下文和其在處理登錄和會話管理中的應(yīng)用。

訪問頁面：goto()

goto() 方法是 Playwright 中訪問網(wǎng)頁的主要方法。它不僅可以用于簡單的頁面導(dǎo)航，還支持許多高級選項，如處理頁面跳轉(zhuǎn)和超時等。

基礎(chǔ)使用

通過 page.goto() 方法，你可以導(dǎo)航到一個指定的 URL。Playwright 會等待頁面的主要內(nèi)容加載完成后繼續(xù)執(zhí)行后續(xù)操作。

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)  # 啟動瀏覽器
    page = browser.new_page()  # 打開新的頁面
    page.goto('https://example.com')  # 訪問網(wǎng)頁
    print(page.title())  # 輸出頁面標題
    browser.close()

上面的代碼會在瀏覽器中打開 https://example.com 并輸出頁面的標題。

高級選項

你可以為 goto() 方法提供更多選項來控制頁面加載行為：

• timeout：設(shè)定超時時間（以毫秒為單位），超過該時間會拋出錯誤。
• wait_until：設(shè)定頁面加載完成的條件，如 load（等待完全加載）、domcontentloaded（等待 DOM 內(nèi)容加載）、networkidle（等待網(wǎng)絡(luò)空閑）等。

示例：

page.goto('https://example.com', timeout=10000, wait_until='networkidle')

這個示例中，goto() 方法會等待網(wǎng)絡(luò)空閑，并設(shè)置10秒的超時時間。

等待元素加載：wait_for_selector()

在頁面加載的過程中，某些元素可能并不會立刻呈現(xiàn)。這時，使用 wait_for_selector() 方法可以幫助我們等待特定元素的出現(xiàn)或消失。

基礎(chǔ)使用

wait_for_selector() 等待頁面中的某個元素出現(xiàn)后，才會繼續(xù)執(zhí)行后續(xù)操作。

page.goto('https://example.com')
page.wait_for_selector('h1')  # 等待 h1 元素出現(xiàn)
print(page.title())

在上面的代碼中，Playwright 會等待頁面中的 <h1> 元素加載完成后再輸出頁面的標題。

高級使用

你可以為 wait_for_selector() 添加更多參數(shù)來指定條件，如：

• state：可以指定等待元素的狀態(tài)，如 visible、hidden、attached、detached。
• timeout：設(shè)置等待的超時時間，超時則會拋出異常。

例如，等待某個按鈕變?yōu)榭梢姞顟B(tài)：

page.wait_for_selector('button#submit', state='visible', timeout=5000)

頁面截圖：screenshot()

Playwright 提供了內(nèi)置的 screenshot() 方法，可以非常方便地對當前頁面或特定元素進行截圖操作。

頁面截圖

你可以使用 screenshot() 方法為整個頁面截圖，并將截圖保存為 PNG 文件。

page.goto('https://example.com')
page.screenshot(path='example.png')  # 保存截圖

元素截圖

如果你只想對頁面中的某個特定元素進行截圖，也可以通過 screenshot() 方法實現(xiàn)。使用 locator() 選擇元素后，再調(diào)用 screenshot()：

element = page.locator('h1')
element.screenshot(path='element.png')

這會將頁面中的 <h1> 元素截圖并保存為 element.png 文件。

高級選項

screenshot() 方法還提供一些有用的參數(shù)，如：

• full_page：如果為 True，Playwright 會截取整個頁面，包括頁面滾動后的部分。
• quality：可以指定JPEG截圖的質(zhì)量（PNG格式不支持）。

page.screenshot(path='example.png', full_page=True)

填充表單：fill()

fill() 是 Playwright 用來自動填寫表單輸入框的方法，它接受兩個參數(shù)：選擇器和輸入的值。

基礎(chǔ)使用

以下代碼示例展示了如何填寫一個登錄表單：

page.goto('https://example.com/login')
page.fill('input[name="username"]', 'myusername')  # 填寫用戶名
page.fill('input[name="password"]', 'mypassword')  # 填寫密碼
page.click('button[type="submit"]')  # 提交表單

填寫下拉菜單和復(fù)選框

對于復(fù)選框和下拉菜單，Playwright 提供了 check() 和 select_option() 方法。

復(fù)選框操作：

page.check('input[name="agree"]')  # 勾選復(fù)選框

下拉菜單操作：

page.select_option('select[name="options"]', 'value1')  # 選擇下拉菜單中的某個選項

瀏覽器上下文：處理登錄或會話管理

瀏覽器上下文（Browser Context） 是 Playwright 中的一個強大功能，它允許我們在同一瀏覽器實例中創(chuàng)建多個獨立的會話環(huán)境。每個上下文有自己的 cookie、緩存和本地存儲，因此可以獨立地處理多個用戶會話或窗口。

創(chuàng)建新的瀏覽器上下文

通過 browser.new_context() 方法可以創(chuàng)建一個新的上下文，每個上下文都是彼此獨立的。

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    
    # 創(chuàng)建用戶1的上下文
    context1 = browser.new_context()
    page1 = context1.new_page()
    page1.goto('https://example.com/login')
    
    # 創(chuàng)建用戶2的上下文
    context2 = browser.new_context()
    page2 = context2.new_page()
    page2.goto('https://example.com/login')

    browser.close()

在上面的代碼中，我們?yōu)閮蓚€用戶創(chuàng)建了獨立的上下文，每個上下文可以在相同的瀏覽器實例中運行，而不會共享 session、cookie 或本地存儲。

上下文的實際應(yīng)用：登錄持久化

有時候，我們需要在不同的測試中保留登錄狀態(tài)，這時可以使用上下文的 storage_state 來保存和加載會話。

保存會話狀態(tài)：

context = browser.new_context()
page = context.new_page()
page.goto('https://example.com/login')
# 模擬登錄
page.fill('input[name="username"]', 'myusername')
page.fill('input[name="password"]', 'mypassword')
page.click('button[type="submit"]')
# 保存登錄狀態(tài)
context.storage_state(path='auth.json')

加載會話狀態(tài)：

context = browser.new_context(storage_state='auth.json')  # 加載之前保存的登錄狀態(tài)
page = context.new_page()
page.goto('https://example.com/dashboard')  # 直接進入登錄后的頁面

使用上下文的 storage_state() 方法，可以保存當前會話中的 cookie 和本地存儲，并在后續(xù)測試中加載這些數(shù)據(jù)，實現(xiàn)無縫的登錄持久化。

總結(jié)

本文介紹了如何使用 Playwright 進行基礎(chǔ)的頁面交互，包括訪問頁面、等待元素加載、頁面截圖以及填充表單等操作。同時，我們還詳細探討了瀏覽器上下文的概念，以及如何利用它處理多用戶登錄和會話管理。通過這些基本操作，你可以構(gòu)建功能豐富的自動化腳本，并且在測試中處理復(fù)雜的用戶會話。

到此這篇關(guān)于Python Playwright進行常見的頁面交互操作的文章就介紹到這了,更多相關(guān)Python Playwright頁面交互內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論