- 課程概述
- 目錄
- 本課素材
Playwright MCP是什么
Playwright MCP 是微軟推出的輕量級瀏覽器自動化工具,基于 Model Context Protocol (MCP) 協(xié)議。工具基于 Playwright 的可訪問性樹實現(xiàn)與網(wǎng)頁的交互,無需依賴視覺模型或截圖,適合與大語言模型(LLM)結(jié)合使用。Playwright MCP支持多種瀏覽器(如 Chrome、Firefox、WebKit),提供豐富的交互功能,如點擊、拖動、輸入文本等。
安裝步驟:
1. 打開Cursor編輯器,點擊設(shè)置按鈕,在設(shè)置界面左側(cè)找到Tools & MCP選項,然后點擊
2. 界面里我們會看到Add Custom MCP按鈕,然后點擊,它會打開mcp.json文檔
3. 打開MCP功能代碼.txt文檔,復(fù)制里面的內(nèi)容,粘貼到打開mcp.json文檔里,然后保存
4. 然后返回Tools & MCP選項頁面,看到playwright是綠色,則代表安裝成功,如果安裝完成mcp狀態(tài)是紅色,則需要安裝下node.js以及Playwright擴展
5. 告訴大家一個小竅門:直接截圖問cursor的ai,會有詳細(xì)的處理流程。遵循一個原則不懂就問ai
6. mcp可以正常工作后,嘗試一條簡單的任務(wù)讓它測試,找一個index.html靜態(tài)網(wǎng)頁,故意搞一些破壞再讓他檢查,咒語如下:使用MCP工具中的playwright檢查index.html顯示是否正常
給大家整理了一個好用的檢查全站提示詞(檢查的域名要改為你網(wǎng)站的域名
)。
請使用 MCP Playwright 工具對 @http://t1.eyou.hk/ 網(wǎng)站進行全站自動化測試,要求如下:
1. 遍歷全站所有頁面,包括主導(dǎo)航、子導(dǎo)航、內(nèi)頁、分頁、分類、標(biāo)簽、推薦、底部、側(cè)邊欄等所有可見和隱藏入口。
2. 檢查所有鏈接(a標(biāo)簽、按鈕、圖片、JS跳轉(zhuǎn)等)是否存在死鏈、404、500、模板缺失、跳轉(zhuǎn)異常等問題,并輸出具體的死鏈URL和錯誤信息。
3. 測試所有主要交互功能,包括但不限于:
> - 搜索功能(輸入關(guān)鍵詞并提交,檢查結(jié)果頁)
> - 幻燈片/輪播圖(切換、點擊、自動播放)
> - 表單(如留言、注冊、登錄、反饋等,填寫并提交)
> - 分頁、選項卡、下拉菜單、篩選器、彈窗、返回頂部等
> - 側(cè)邊欄、底部導(dǎo)航、面包屑導(dǎo)航等
4. 輸出詳細(xì)報告,包括:
> - 死鏈列表(URL、入口位置、錯誤類型)
> - 功能異常列表(功能名稱、入口、異常描述)
> - 正??捎玫闹饕δ芮鍐?
> - 檢查覆蓋的頁面和功能總數(shù)
檢查要盡量全面、細(xì)致,模擬真實用戶操作,確保所有頁面和功能都被覆蓋。請分步驟輸出檢查過程和最終結(jié)果。
偉哥

