国产a一级毛片爽爽影院_欧美日韩亚洲中字二区在线播放_国产在线每日都有更新_日韩中文字幕tv在线看_日韩美女婬乱大片A级网站_韩国无遮免费羞羞漫画_久久亚洲精品无码播放偷妻_国产成人777爽视频_色噜噜狠狠成人中文综合18_国产精品免费高清在线观看

當(dāng)AI遇上瀏覽器自動(dòng)化工具，產(chǎn)品經(jīng)理的考古式重構(gòu)工作竟能一鍵搞定！playwright-mcp這款神器不僅能自動(dòng)點(diǎn)擊、截圖、記錄老舊系統(tǒng)功能，還能生成完整的產(chǎn)品說(shuō)明書初稿。更驚喜的是，它的應(yīng)用場(chǎng)景遠(yuǎn)不止于此——從競(jìng)品巡檢到數(shù)據(jù)采集，這個(gè)7x24小時(shí)工作的數(shù)字實(shí)習(xí)生正在重新定義產(chǎn)品工作的效率邊界。

前兩天一個(gè)AI朋友推薦我一個(gè)MCP：playwright-mcp我嘗試后，超級(jí)實(shí)用，一句話總結(jié)的話：類似于輕量級(jí)、高效能的瀏覽器RPA工具。

其實(shí)，這對(duì)日常工作，尤其是產(chǎn)品工作場(chǎng)景非常實(shí)用，比如，你可以用它自動(dòng)進(jìn)行某個(gè)網(wǎng)站的競(jìng)品調(diào)研；你還可以讓他自動(dòng)點(diǎn)擊你的BI平臺(tái)，進(jìn)行數(shù)據(jù)分析；

甚至，你還可以，讓它自動(dòng)登錄、點(diǎn)擊你的OA系統(tǒng)，幫你總結(jié)績(jī)效待辦、自動(dòng)截圖等等。

最重要的是，實(shí)現(xiàn)這些，你只需要一句話。

比如，我們可以一句話指令，讓它幫我們從Folo網(wǎng)站查找的某篇博客：

幫我從Folo網(wǎng)站找下“2025 AI 現(xiàn)場(chǎng)：我們這一年的目擊與狂想”，并幫我總結(jié)下內(nèi)容，并告訴我小宇宙的鏈接。

之后AI就自動(dòng)執(zhí)行了，可以自動(dòng)點(diǎn)擊網(wǎng)頁(yè)按鈕，成功獲取了內(nèi)容，并進(jìn)行AI總結(jié)，然后還發(fā)了小宇宙的鏈接。

前兩天，我們一個(gè)積灰的老系統(tǒng)突然說(shuō)要重構(gòu)。

說(shuō)心里話，這種項(xiàng)目最怕的是什么？

不是需求多，而是那個(gè)系統(tǒng)不僅很老、很重，最重要的是，之前的同學(xué)竟然沒(méi)有留下任何資料。

嗯，沒(méi)文檔、沒(méi)原型、沒(méi)PRD。

前任只是揮一揮衣袖，沒(méi)留下一片云彩。

于是，“梳理出產(chǎn)品功能說(shuō)明書，建立基礎(chǔ)資料”這個(gè)重任，就又落在了產(chǎn)品經(jīng)理身上。

畢竟，咱產(chǎn)品經(jīng)理是個(gè)框，什么都能往里裝。

我那小伙伴也跟我吐槽了半天。

你想想那個(gè)畫面：

讓咱一個(gè)PM，登錄一個(gè)老掉牙的后臺(tái)，（可能還TM只支持IE），像個(gè)“人肉爬蟲”一樣，去點(diǎn)每一個(gè)菜單、每一個(gè)按鈕、每一個(gè)tab，然后截圖、貼到文檔里，再加兩句文字說(shuō)明…

這哪是重構(gòu)？

這簡(jiǎn)直是「考古」。

一個(gè)中等規(guī)模的B端系統(tǒng)，幾百個(gè)頁(yè)面，上千個(gè)功能點(diǎn)，這么點(diǎn)下來(lái)，至少一兩天時(shí)間就沒(méi)了。

我當(dāng)時(shí)就想，這玩意兒能不能用AI來(lái)幫忙干呢？

我需要一個(gè)工具，它能代替我去登錄、去點(diǎn)擊、去截圖、去做記錄。

最后，一個(gè)AI朋友交流是，他向我推薦了playwright-mcp。

MCP的網(wǎng)址：https：//github.com/microsoft/playwright-mcp

用這個(gè)方式，有一說(shuō)一，效率是真的高。

一、網(wǎng)頁(yè)RPA的“工業(yè)級(jí)”AI執(zhí)行器：為什么是它？

事實(shí)上，playwright 在自動(dòng)化測(cè)試領(lǐng)域已經(jīng)是神一樣的存在了，它能像人一樣打開(kāi)瀏覽器（Chrome、edge、 Firefox都行），然后，自動(dòng)去點(diǎn)擊、去輸入、去截圖。

但 playwright-mcp 在后面加了個(gè)“MCP”，這是啥？

MCP，全稱 Model Context Protocol（模型上下文協(xié)議），名字聽(tīng)著很唬人，但你把它理解成一個(gè)“通用翻譯官”就行了。

它讓AI（大模型）能用標(biāo)準(zhǔn)化的指令，去指揮 playwright 這只手。

舉個(gè)栗子：

你對(duì)AI說(shuō)：“幫我點(diǎn)一下那個(gè)‘登錄’按鈕”。

playwright-mcp 就翻譯成 playwright 能聽(tīng)懂的代碼：await page.getByRole(‘button’， { name： ‘登錄’ }).click();

另外，它最關(guān)鍵的特點(diǎn)是環(huán)境可靠。

當(dāng)你運(yùn)行它，它會(huì)啟動(dòng)一個(gè)全新的、干凈的、獨(dú)立的瀏覽器進(jìn)程。

這就是工業(yè)級(jí)的精髓：無(wú)菌環(huán)境。

這對(duì)咱們直接讓它來(lái)操作系統(tǒng)太重要了：

1. 絕對(duì)穩(wěn)定：舊的業(yè)務(wù)系統(tǒng)最怕干擾，playwright-mcp 這個(gè)“無(wú)菌環(huán)境”不會(huì)被你瀏覽器里的各種奇怪插件（比如廣告攔截、翻譯）搞崩。
2. 可部署：這活兒（全站點(diǎn)擊）一跑可能就是三五個(gè)小時(shí)，你總不能開(kāi)著自己電腦跑。playwright-mcp 可以輕松部署到服務(wù)器上，讓它在凌晨自己“考古”，你白天來(lái)“收貨”就行。

二、AI實(shí)踐：針對(duì)一個(gè)舊系統(tǒng)，自動(dòng)寫產(chǎn)品說(shuō)明書

假設(shè)，咱們需要對(duì)你的某個(gè)SaaS系統(tǒng)寫產(chǎn)品功能說(shuō)明書，傳統(tǒng)的話，咱們需要挨個(gè)點(diǎn)擊所有的一級(jí)功能菜單，然后再逐個(gè)點(diǎn)擊二級(jí)功能菜單，查看頁(yè)面信息等，然后截圖匯總，非常繁瑣。

而現(xiàn)在，咱們就可以用「playwright-mcp」工具來(lái)實(shí)現(xiàn)。

怎么干？

第一步：用Cursor安裝MCP

還是那句話，用Cursor安裝MCP非常方便，直接把下面提示詞給到就行了：

根據(jù)這個(gè)網(wǎng)址，幫我安裝下這個(gè) playwright MCP

MCP的參考網(wǎng)址信息：https://github.com/microsoft/playwright-mcp

注意，不要誤刪除別的MCP工具

當(dāng)然，記得要提醒下cursor不要誤刪除別的MCP，這塊鏡哥有踩坑經(jīng)驗(yàn)。

安裝好之后，在MCP工具箱就能看到安裝好的成功標(biāo)志。

第二步：解決“登錄”這個(gè)攔路虎（1分鐘搞定）

這里順便分享下記住密碼的配置經(jīng)驗(yàn)。

因?yàn)閜laywright-mcp 每次都是無(wú)痕啟動(dòng)，所以如果每次都手動(dòng)輸入密碼就很麻煩，不過(guò)咱們可以配置自動(dòng)記錄密碼。

其實(shí)也很簡(jiǎn)單：你不需要寫一行登錄代碼，你只需要“錄制”一次。

因?yàn)镻laywright自帶一個(gè)叫 Codegen（代碼生成器）的神器。

你只要在你的命令行里敲一行：

npx playwright codegen –save-storage=auth.json 你的業(yè)務(wù)系統(tǒng)網(wǎng)址

它會(huì)彈出一個(gè)瀏覽器，你就像平時(shí)一樣，手動(dòng)登錄一次。

登錄成功后，關(guān)掉瀏覽器。

你會(huì)發(fā)現(xiàn)，目錄下多了個(gè)auth.json文件。這就是你剛才登錄成功的“鑰匙”（包含了Cookies和localStorage）。

第三步：給AI下達(dá)“考古”指令

好，有auth.json 鑰匙在手。

接下來(lái)，我們啟動(dòng) playwright-mcp，告訴它加載這個(gè)鑰匙，它一啟動(dòng)就是“已登錄”狀態(tài)。

然后，我們給AI下達(dá)一個(gè)總指令（Prompt），告訴它怎么當(dāng)一個(gè)數(shù)字PM：

“你現(xiàn)在的任務(wù)是逆向梳理這個(gè)系統(tǒng)。

從左側(cè)菜單欄開(kāi)始，挨個(gè)點(diǎn)擊每一個(gè)一級(jí)菜單。

每進(jìn)入一個(gè)新頁(yè)面，記錄下這個(gè)頁(yè)面的所有可點(diǎn)擊元素（比如按鈕、Tab、鏈接）。（關(guān)鍵）

模擬用戶，挨個(gè)點(diǎn)擊這些元素。（關(guān)鍵） 每點(diǎn)擊一個(gè)元素后，立刻對(duì)整個(gè)頁(yè)面進(jìn)行截圖，并以‘菜單名-按鈕名.png’的格式保存。同時(shí)，在日志中用文字描述你做了什么，以及頁(yè)面發(fā)生了什么變化（比如：‘我點(diǎn)擊了【新增用戶】按鈕，彈出了一個(gè)表單窗口’）。完成一個(gè)頁(yè)面的所有點(diǎn)擊后，返回，進(jìn)入下一個(gè)菜單，直到遍歷完所有菜單?！?/p>

第三步：收貨（坐等產(chǎn)品說(shuō)明書草稿）

然后？

沒(méi)有然后了，你就可以去喝咖啡了。

playwright-mcp 會(huì)指揮著瀏覽器，開(kāi)始像一個(gè)強(qiáng)迫癥PM一樣，瘋狂“點(diǎn)點(diǎn)點(diǎn)”。

幾小時(shí)后，你會(huì)得到兩樣?xùn)|西：

1. 一個(gè)圖片文件夾：里面是幾十上百?gòu)埥貓D，命名得整整齊齊，比如：用戶管理-新增用戶.png、用戶管理-編輯用戶-保存.png、訂單列表-查詢.png… 這就是你PRD里最需要的“功能快照”。
2. 一個(gè).MD日志文件：里面是AI的“工作筆記”（“我點(diǎn)擊了…彈出了…”、“我訪問(wèn)了…頁(yè)面是空的”）。

說(shuō)心里話，這份AI自動(dòng)生成的“操作日志 + 全功能截圖”，不就是你那份“產(chǎn)品功能說(shuō)明書”的完美初稿嗎？

三、舉一反三：從「產(chǎn)品說(shuō)明書」到「競(jìng)品分析」

你既然能用這套方法考古挖掘自己的老系統(tǒng)，那你自然能用它來(lái)分析你的競(jìng)品。

這個(gè)思路一打開(kāi)，應(yīng)用場(chǎng)景就多了：

• 真·競(jìng)品巡檢：你再也不用“手動(dòng)”看競(jìng)品了。讓 playwright-mcp 每天凌晨把競(jìng)品的幾個(gè)核心功能（比如“注冊(cè)流程”、“購(gòu)買流程”、“新功能頁(yè)”）全“點(diǎn)”一遍，全部截圖保存。你每天上班，只需要“閱覽”昨晚的截圖，就能知道競(jìng)品UI、文案、甚至流程有沒(méi)有改動(dòng)。
• 自動(dòng)化系統(tǒng)巡檢：讓AI每小時(shí)“登錄”一次你公司的OA、ERP、財(cái)務(wù)系統(tǒng)，看看能不能正常打開(kāi)，崩了就立刻發(fā)告警。
• 自動(dòng)化“數(shù)據(jù)采集”：你需要某個(gè)網(wǎng)站上的公開(kāi)數(shù)據(jù)，但它又沒(méi)提供API。你就指揮AI去“人肉”點(diǎn)擊和“復(fù)制粘貼”，把數(shù)據(jù)扒下來(lái)。
• 自動(dòng)化“數(shù)據(jù)錄入”：反過(guò)來(lái)，如果你需要把一批Excel里的數(shù)據(jù)，手動(dòng)“復(fù)制粘貼”錄入到一個(gè)Web版的CRM系統(tǒng)里，這活兒它也能代勞。

總之，它就是你那個(gè)7×24小時(shí)、不嫌累、不出錯(cuò)的數(shù)字實(shí)習(xí)生。

鏡哥的總結(jié)

鏡哥覺(jué)得，AI Agent這個(gè)方向，我們普通人能最快用上的，絕對(duì)不是那些全能AI工程師，而是這種垂直領(lǐng)域的執(zhí)行器。

比如，playwright-mcp 這類工具，就是把AI的“大腦”和瀏覽器的“手腳”連接起來(lái)的“神經(jīng)系統(tǒng)”。

它最牛的地方，是把自動(dòng)化的門檻拉低了，進(jìn)一步釋放我們寶貴的精力。

讓咱們把有限的精力投入到用戶洞察、業(yè)務(wù)理解、體驗(yàn)設(shè)計(jì)上。

這既是技術(shù)給我們普通人帶來(lái)的效率革命，或許也是當(dāng)下抄道AI最近的路。