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

