Sammy Tool Lab Playwright Practice Lab

Playwright Practice Lab

用一個安全的本地頁面, 把填寫、點擊、等待跳轉、抓結果和截圖這整段流程一次練熟。

這不是連到第三方網站的自動化器,而是一個專門給 Playwright 練習用的靶場。你可以把任何練習網址字串貼進輸入框, 按下「送出」後讓頁面真的跳轉到結果狀態,再用 Playwright 在本地把最後看到的 Result 文字與截圖帶回來。

Fill Click Wait For URL Read Result Screenshot

練習頁面

這個表單會用 GET 方式重新導向到同一頁,所以 Playwright 可以清楚等待網址變化,再去抓 Result 區。

建議用 Playwright 的 `page.locator()` 或 `getByRole()` 對這個頁面做填寫和點擊,再等待網址帶上 `submitted=1`。

Result 區

這一塊就是最適合拿來練 `innerText()`、`textContent()` 和 `page.screenshot()` 的區域。

Final URL 尚未送出
Host --
Path --
Query --

Result Text

等待送出後產生結果。

目前還沒有送出動作。

本地 API 範例

Repo 內另外附了一份 `examples/playwright_practice_api.py`,會真的在本地開一個 API,呼叫 Playwright 去填這個頁面、按下送出、等待跳轉、抓文字並截圖。

Run Steps

準備中…

cURL

準備中…

Python Playwright Flow

準備中…

Selector Map

input[name="practice-target"]
button:has-text("送出")
#practice-result-text
#practice-result-status
[data-screenshot-target="practice-result"]