讓 AI 檢查網頁的按鈕和表單
先用 Playwright MCP 檢查一個網頁操作流程。準備測試地址和預期結果，複製首次任務，逐步核對按鈕、表單與完成狀態。
先用 Playwright MCP
你想確認按鈕能不能點擊、表單能不能填寫、操作後頁面有沒有正確變化，可以先用 Playwright MCP。它把瀏覽器里的文字、按鈕和表單結構交給 AI，幫助 AI 逐步操作頁面。
MCP 可以理解為助手連接工具的方式；你仍需要一個支持這種連接的 AI 助手。先選一個頁面和一段流程，例如“輸入關鍵詞—點擊搜索—看到結果”。
開始前準備這幾樣
本站不需要你的帳號密碼或密鑰；登錄與工具連接在你自己的助手和瀏覽器中完成。
- 一個你負責的測試頁面地址；本地項目要先啓動，讓瀏覽器能打開。
- 一段具體操作、測試資料和預期結果。需要登錄時，準備測試帳號並在自己的瀏覽器中登錄。
- 按所用助手的官方配置接入 Playwright MCP。官方要求 Node.js 18 或更新版本；Node.js 是在電腦上執行這類工具的環境。缺少瀏覽器時按官方提示補齊。
複製給 AI 的首次任務
請使用 Playwright MCP 檢查【測試頁面地址】。先核對頁面標題，再點擊【按鈕文字】，在【字段名稱】填寫【測試值】，核對是否出現【預期結果】。用測試資料完成這段流程；如果提交會發送真實消息、付款或修改正式資料，停在提交前。記錄每一步的實際結果，失敗時附上頁面地址和截圖，並列出沒有執行的步驟。怎樣核對它確實完成了？
- 在助手的工具記錄中確認確實打開了你給的地址，核對頁面標題和使用的測試帳號。
- 逐項比較實際結果和預期結果：按鈕後的頁面、字段值、錯誤提示或完成狀態。截圖可以輔助核對，不能只看 AI 說“成功”。
- 失敗項應有可復現的步驟；未執行的步驟單獨列出。換工具排查時，先重現同一個失敗，再核對錯誤消息或請求資訊。
實際案例
什麼時候換 Chrome DevTools MCP？
如果流程已經能復現，但你更想知道為什麼頁面報錯或加載慢，可以改用 Chrome DevTools MCP。它能檢查網路請求、瀏覽器的控制台消息和加載記錄；控制台就是網頁執行時輸出錯誤和提示的地方。
兩者都能操作網頁。選擇 Chrome DevTools MCP 的理由應是需要更具體的排查資訊，而不是頁面按鈕任務一定需要同時安裝兩套。
改用 Chrome DevTools MCP 時，再核對其 Node.js 長期支持版、npm 和 Chrome 要求。npm 是安裝 Node.js 工具的命令。
來源與下一步
來源核對日期：2026-10-13。這裡的首次任務是按官方文件整理的模板，模板本身不代表已經執行過這段流程。拿到檢查記錄後，再決定是否修復對應問題。