Playwright MCP AI<\/strong> \u57fa\u4e8e Playwright \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\u7ed3\u5408 MCP \u901a\u4fe1\u534f\u8bae\u6253\u9020\uff0c\u662f\u96c6\u6210\u4e8e OpenClaw \u7684\u5168\u5e73\u53f0\u667a\u80fd\u6d4f\u89c8\u5668\u64cd\u63a7\u5f15\u64ce<\/strong>\u3002\u539f\u751f\u80fd\u529b\u4ec5\u57fa\u7840\u9875\u9762\u70b9\u51fb\u3001\u8df3\u8f6c\u3001\u8868\u5355\u586b\u5145\uff0c\u672c\u6b21\u56f4\u7ed5\u4e8c\u6b21\u5f00\u53d1\u3001\u667a\u80fd\u5316\u589e\u5f3a\u3001\u573a\u666f\u5316\u5c01\u88c5\u3001\u667a\u80fd\u51b3\u7b56\u3001\u6545\u969c\u81ea\u6108\u3001\u591a\u4efb\u52a1\u534f\u540c<\/strong>\u5b8c\u6210\u5168\u9762\u6539\u9020\uff0c\u878d\u5408 AI \u89c6\u89c9\u8bc6\u522b\u3001\u8bed\u4e49\u7406\u89e3\u3001\u52a8\u4f5c\u81ea\u4e3b\u7f16\u6392\u3001\u9875\u9762\u667a\u80fd\u89e3\u6790\u3001\u53cd\u722c\u6a21\u62df\u3001\u6279\u91cf\u4efb\u52a1\u3001\u65e0\u4eba\u503c\u5b88\u8fd0\u884c\u7b49\u80fd\u529b\u3002<\/p>\n\n\n\n \u652f\u6301 Chrome\/Firefox\/Safari\/Edge \u591a\u6d4f\u89c8\u5668\u3001\u65e0\u5934 \/ \u6709\u5934\u53cc\u6a21\u5f0f\uff0c\u9002\u914d\u7f51\u9875\u722c\u866b\u3001\u8868\u5355\u81ea\u52a8\u63d0\u4ea4\u3001\u6d41\u7a0b\u5316\u64cd\u4f5c\u3001\u6570\u636e\u91c7\u96c6\u3001\u9875\u9762\u6d4b\u8bd5\u3001\u5b9a\u65f6\u5de1\u68c0\u3001\u591a\u8d26\u53f7\u4f1a\u8bdd\u7ba1\u7406\u7b49\u573a\u666f\uff0c\u540c\u65f6\u6df1\u5ea6\u5bf9\u63a5 OpenClaw \u751f\u6001\uff0c\u5b9e\u73b0\u81ea\u7136\u8bed\u8a00\u9a71\u52a8\u81ea\u52a8\u5316\u3001\u8de8\u6280\u80fd\u8054\u52a8\u3001\u4efb\u52a1\u53ef\u89c6\u5316\u4e0e\u5168\u6d41\u7a0b\u65e5\u5fd7\u5ba1\u8ba1\u3002<\/p>\n\n\n\n \u9488\u5bf9\u9ad8\u9891\u573a\u666f\u5c01\u88c5\u9884\u5236\u6a21\u677f\uff0c\u652f\u6301\u5feb\u901f\u8c03\u7528\u4e0e\u81ea\u5b9a\u4e49\u4fee\u6539\uff0c\u964d\u4f4e\u4e8c\u6b21\u5f00\u53d1\u6210\u672c\uff1a<\/p>\n\n\n\n \u652f\u6301\u7528\u6237\u57fa\u4e8e\u6a21\u677f\u81ea\u5b9a\u4e49\u7f16\u6392\u6d41\u7a0b<\/strong>\uff0c\u53ef\u89c6\u5316\u6b65\u9aa4\u589e\u51cf\u3001\u53c2\u6570\u4fee\u6539\uff0c\u652f\u6301\u6d41\u7a0b\u5bfc\u5165\u5bfc\u51fa\u590d\u7528\u3002<\/p>\n\n\n\n typescript<\/p>\n\n\n\n \u8fd0\u884c<\/p>\n\n\n\n bash<\/p>\n\n\n\n \u8fd0\u884c<\/p>\n\n\n\n \u2705 AI \u667a\u80fd\u8bc6\u522b<\/strong>\uff1a\u6446\u8131\u56fa\u5b9a\u9009\u62e9\u5668\uff0c\u9875\u9762\u6539\u7248\u4ecd\u53ef\u7528\uff0c\u7a33\u5b9a\u6027\u5927\u5e45\u63d0\u5347\uff1b<\/p>\n\n\n\n \u2705 \u771f\u4eba\u884c\u4e3a\u4eff\u771f<\/strong>\uff1a\u4e13\u4e1a\u884c\u4e3a\u6a21\u62df\uff0c\u6709\u6548\u89c4\u907f\u7f51\u7ad9\u53cd\u722c\u4e0e\u98ce\u63a7\u68c0\u6d4b\uff1b<\/p>\n\n\n\n \u2705 \u6545\u969c\u81ea\u6108\u80fd\u529b<\/strong>\uff1a\u81ea\u52a8\u91cd\u8bd5\u3001\u65ad\u70b9\u7eed\u8dd1\u3001\u5f02\u5e38\u622a\u56fe\uff0c\u957f\u6d41\u7a0b\u4efb\u52a1\u4e0d\u6613\u4e2d\u65ad\uff1b<\/p>\n\n\n\n \u2705 \u4f4e\u4ee3\u7801\u4e8c\u6b21\u5f00\u53d1<\/strong>\uff1a\u9884\u5236\u5927\u91cf\u901a\u7528\u7ec4\u4ef6\u4e0e\u6a21\u677f\uff0c\u5feb\u901f\u642d\u5efa\u5404\u7c7b\u81ea\u52a8\u5316\u573a\u666f\uff1b<\/p>\n\n\n\n \u2705 \u9875\u9762 AI \u89e3\u6790<\/strong>\uff1a\u81ea\u52a8\u6e05\u6d17\u3001\u7ed3\u6784\u5316\u63d0\u53d6\u5185\u5bb9\uff0c\u6570\u636e\u53ef\u76f4\u63a5\u5bf9\u63a5\u5176\u4ed6\u6280\u80fd\uff1b<\/p>\n\n\n\n \u2705 \u591a\u4efb\u52a1 & \u5b9a\u65f6<\/strong>\uff1a\u652f\u6301\u6279\u91cf\u3001\u5e76\u884c\u3001\u5b9a\u65f6\u4efb\u52a1\uff0c\u9002\u914d\u65e0\u4eba\u503c\u5b88\u573a\u666f\uff1b<\/p>\n\n\n\n \u2705 \u5b8c\u6574\u8fd0\u7ef4\u4f53\u7cfb<\/strong>\uff1a\u5206\u7ea7\u65e5\u5fd7\u3001\u622a\u56fe\u3001\u6545\u969c\u5206\u6790\uff0c\u95ee\u9898\u5b9a\u4f4d\u7b80\u5355\u9ad8\u6548\uff1b<\/p>\n\n\n\n \u2705 OpenClaw \u539f\u751f\u878d\u5408<\/strong>\uff1a\u81ea\u7136\u8bed\u8a00\u64cd\u63a7\u3001\u8de8\u6280\u80fd\u6570\u636e\u6d41\u8f6c\u3001\u544a\u8b66\u63a8\u9001\u4e00\u4f53\u5316\u3002<\/p>\n","protected":false},"excerpt":{"rendered":" \u4e00\u3001\u6280\u80fd\u6574\u4f53\u6982\u8ff0 Playwright MCP AI \u57fa\u4e8e Playwright \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\u7ed3\u5408 MCP […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-mianfeiercikaifalongxiaskill"],"_links":{"self":[{"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":1,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/posts\/239\/revisions\/240"}],"wp:attachment":[{"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.longxiapro.com\/index.php\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u4e8c\u3001\u539f\u751f\u7248\u672c\u73b0\u5b58\u77ed\u677f & \u4e8c\u6b21\u5f00\u53d1\u6539\u9020\u5207\u5165\u70b9<\/h3>\n\n\n\n
\uff08\u4e00\uff09\u539f\u751f\u6838\u5fc3\u95ee\u9898<\/h3>\n\n\n\n
\n
\uff08\u4e8c\uff09\u672c\u6b21\u4e8c\u6b21\u5f00\u53d1 & \u667a\u80fd\u5316\u6539\u9020\u6838\u5fc3\u65b9\u5411<\/h3>\n\n\n\n
\n
\u4e09\u3001\u4e8c\u6b21\u5f00\u53d1 + \u667a\u80fd\u5316\u6838\u5fc3\u529f\u80fd\u4f53\u7cfb<\/h3>\n\n\n\n
\uff08\u4e00\uff09\u5e95\u5c42\u5f15\u64ce\u589e\u5f3a\uff08\u4e8c\u6b21\u5f00\u53d1\u57fa\u7840\u6539\u9020\uff09<\/h3>\n\n\n\n
\n
\uff08\u4e8c\uff09AI \u667a\u80fd\u5143\u7d20\u8bc6\u522b\uff08\u6838\u5fc3\u667a\u80fd\u5316\u5347\u7ea7\uff09<\/h3>\n\n\n\n
\n
\uff08\u4e09\uff09\u771f\u4eba\u884c\u4e3a\u4eff\u771f & \u53cd\u722c\u5f3a\u5316\uff08\u4e8c\u6b21\u5f00\u53d1\u5b9a\u5236\u6a21\u5757\uff09<\/h3>\n\n\n\n
\n
\uff08\u56db\uff09\u667a\u80fd\u5f02\u5e38\u5904\u7406 & \u6545\u969c\u81ea\u6108\uff08\u8fd0\u7ef4\u667a\u80fd\u5316\uff09<\/h3>\n\n\n\n
\n
\uff08\u4e94\uff09\u9875\u9762 AI \u89e3\u6790 & \u6570\u636e\u7ed3\u6784\u5316\uff08\u5185\u5bb9\u667a\u80fd\u5316\uff09<\/h3>\n\n\n\n
\n
\uff08\u516d\uff09\u573a\u666f\u5316\u6d41\u7a0b\u6a21\u677f\uff08\u4f4e\u4ee3\u7801\u4e8c\u6b21\u5f00\u53d1\uff09<\/h3>\n\n\n\n
\n
\uff08\u4e03\uff09\u4efb\u52a1\u8c03\u5ea6\u4f53\u7cfb\uff08\u6279\u91cf & \u5b9a\u65f6\u667a\u80fd\u5316\uff09<\/h3>\n\n\n\n
\n
\uff08\u516b\uff09\u65e5\u5fd7\u3001\u5f55\u5c4f\u4e0e\u6eaf\u6e90\uff08\u8fd0\u7ef4\u667a\u80fd\u5316\uff09<\/h3>\n\n\n\n
\n
\uff08\u4e5d\uff09OpenClaw \u751f\u6001\u8054\u52a8<\/h3>\n\n\n\n
\n
\u56db\u3001\u5206\u5c42\u67b6\u6784\u8bbe\u8ba1\uff08\u9002\u914d\u4e8c\u6b21\u5f00\u53d1\uff09<\/h3>\n\n\n\n
\n
\u4e94\u3001\u6838\u5fc3\u4ee3\u7801\u5b9e\u73b0\uff08TypeScript\u30fbOpenClaw \u539f\u751f\u9002\u914d\uff09<\/h3>\n\n\n\n
import fs from \"fs-extra\";\nimport path from \"path\";\nimport { Skill, Context } from \"openclaw\";\nimport { chromium, Browser, Page } from \"playwright\";\n\n\/\/ \u5168\u5c40\u914d\u7f6e\uff08\u652f\u6301\u4e8c\u6b21\u5f00\u53d1\u81ea\u5b9a\u4e49\uff09\nconst PLAYWRIGHT_MCP_AI_CONFIG = {\n headless: true, \/\/ true=\u65e0\u5934\u540e\u53f0\u8fd0\u884c false=\u53ef\u89c6\u5316\n defaultTimeout: 15000,\n retryTimes: 2,\n enableAiRecognize: true, \/\/ \u5f00\u542fAI\u667a\u80fd\u5143\u7d20\u8bc6\u522b\n enableHumanBehavior: true, \/\/ \u5f00\u542f\u771f\u4eba\u884c\u4e3a\u6a21\u62df\n enableScreenshot: true, \/\/ \u5f02\u5e38\u81ea\u52a8\u622a\u56fe\n taskLogDir: \".\/claw-data\/playwright-ai\/logs\",\n screenshotDir: \".\/claw-data\/playwright-ai\/screenshots\",\n tempSessionDir: \".\/claw-data\/playwright-ai\/sessions\"\n};\n\nlet globalBrowser: Browser | null = null;\n\n\/\/ \u521d\u59cb\u5316\u76ee\u5f55\nasync function initDir() {\n await fs.ensureDir(PLAYWRIGHT_MCP_AI_CONFIG.taskLogDir);\n await fs.ensureDir(PLAYWRIGHT_MCP_AI_CONFIG.screenshotDir);\n await fs.ensureDir(PLAYWRIGHT_MCP_AI_CONFIG.tempSessionDir);\n}\n\n\/\/ \u542f\u52a8\u6d4f\u89c8\u5668\u5b9e\u4f8b\nasync function launchBrowser() {\n if (globalBrowser) return globalBrowser;\n globalBrowser = await chromium.launch({\n headless: PLAYWRIGHT_MCP_AI_CONFIG.headless,\n slowMo: PLAYWRIGHT_MCP_AI_CONFIG.enableHumanBehavior ? 200 : 0\n });\n return globalBrowser;\n}\n\n\/\/ \u5199\u5165\u8fd0\u884c\u65e5\u5fd7\nfunction writeTaskLog(task: string, status: string, msg: string) {\n const logFile = path.join(PLAYWRIGHT_MCP_AI_CONFIG.taskLogDir, `${new Date().toLocaleDateString()}.log`);\n const content = `[${new Date().toISOString()}] \u4efb\u52a1:${task} \u72b6\u6001:${status} \u8be6\u60c5:${msg}\\n`;\n fs.appendFileSync(logFile, content, \"utf8\");\n}\n\n\/\/ AI\u7b80\u6613\u5143\u7d20\u8bc6\u522b\uff08\u6a21\u62df\u89c6\u89c9+\u8bed\u4e49\u8bc6\u522b\uff0c\u53ef\u4e8c\u6b21\u5bf9\u63a5\u89c6\u89c9\u6a21\u578b\uff09\nasync function aiFindElement(page: Page, text: string) {\n \/\/ \u8bed\u4e49\u6587\u672c\u5339\u914d\n const locator = page.getByText(text, { exact: false });\n const count = await locator.count();\n if (count > 0) return locator.first();\n return null;\n}\n\n\/\/ \u771f\u4eba\u70b9\u51fb\u6a21\u62df\uff08\u4e8c\u6b21\u5f00\u53d1\u884c\u4e3a\u7b97\u6cd5\uff09\nasync function humanClick(page: Page, target: any) {\n if (!PLAYWRIGHT_MCP_AI_CONFIG.enableHumanBehavior) {\n await target.click({ timeout: PLAYWRIGHT_MCP_AI_CONFIG.defaultTimeout });\n return;\n }\n \/\/ \u968f\u673a\u505c\u987f+\u6a21\u62df\u79fb\u52a8\n await page.waitForTimeout(Math.random() * 500 + 200);\n await target.hover();\n await page.waitForTimeout(Math.random() * 300 + 100);\n await target.click({ timeout: PLAYWRIGHT_MCP_AI_CONFIG.defaultTimeout });\n}\n\n\/\/ \u8bbf\u95ee\u9875\u9762 + \u57fa\u7840\u52a0\u8f7d\u7b49\u5f85\nasync function visitUrl(url: string) {\n const browser = await launchBrowser();\n const page = await browser.newPage();\n await page.goto(url, { waitUntil: \"domcontentloaded\", timeout: PLAYWRIGHT_MCP_AI_CONFIG.defaultTimeout });\n return page;\n}\n\n\/\/ \u9875\u9762AI\u5185\u5bb9\u8403\u53d6\nasync function aiExtractContent(page: Page) {\n const html = await page.content();\n const title = await page.title();\n const text = await page.locator(\"body\").textContent();\n const summary = text ? text.slice(0, 300) + \"...\" : \"\u65e0\u5185\u5bb9\";\n return { title, summary, fullText: text };\n}\n\n\/\/ \u5f02\u5e38\u622a\u56fe\u4fdd\u5b58\nasync function saveErrorScreenshot(page: Page) {\n if (!PLAYWRIGHT_MCP_AI_CONFIG.enableScreenshot) return;\n const imgPath = path.join(PLAYWRIGHT_MCP_AI_CONFIG.screenshotDir, `err_${Date.now()}.png`);\n await page.screenshot({ path: imgPath, fullPage: false });\n}\n\n\/\/ \u5173\u95ed\u6d4f\u89c8\u5668\nasync function closeBrowser() {\n if (globalBrowser) {\n await globalBrowser.close();\n globalBrowser = null;\n }\n}\n\n\/\/ OpenClaw \u6280\u80fd\u4e3b\u5165\u53e3\nexport const PlaywrightMcpAISkill: Skill = {\n name: \"playwright-mcp-ai\",\n description: \"Playwright MCP AI \u667a\u80fd\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\uff5cAI\u5143\u7d20\u8bc6\u522b+\u771f\u4eba\u6a21\u62df+\u6545\u969c\u81ea\u6108+\u9875\u9762\u89e3\u6790+OpenClaw\u8054\u52a8\",\n patterns: [\n \"\u6253\u5f00\u9875\u9762{url}\",\n \"\u70b9\u51fb\u5143\u7d20{text}\",\n \"\u8f93\u5165\u5185\u5bb9{text} \u76ee\u6807{target}\",\n \"\u9875\u9762\u89e3\u6790{url}\",\n \"\u5173\u95ed\u6d4f\u89c8\u5668\"\n ],\n handler: async (ctx: Context) => {\n const { match, pattern, reply } = ctx;\n await initDir();\n\n try {\n \/\/ \u6253\u5f00\u6307\u5b9a\u7f51\u9875\n if (pattern === \"\u6253\u5f00\u9875\u9762{url}\" && match.url) {\n reply(`\ud83c\udf10 \u6b63\u5728\u8bbf\u95ee\u9875\u9762\uff1a${match.url}`);\n const page = await visitUrl(match.url);\n writeTaskLog(\"\u6253\u5f00\u9875\u9762\", \"\u6210\u529f\", `\u5730\u5740:${match.url}`);\n return reply(`\u2705 \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\\n\u6807\u9898\uff1a${await page.title()}`);\n }\n\n \/\/ AI\u8bc6\u522b\u5e76\u70b9\u51fb\u5143\u7d20\n if (pattern === \"\u70b9\u51fb\u5143\u7d20{text}\" && match.text) {\n reply(`\ud83d\uddb1\ufe0f AI\u8bc6\u522b\u5e76\u70b9\u51fb\uff1a${match.text}`);\n const page = await visitUrl(\"\");\n const elem = await aiFindElement(page, match.text);\n if (!elem) {\n await saveErrorScreenshot(page);\n writeTaskLog(\"\u70b9\u51fb\u5143\u7d20\", \"\u5931\u8d25\", `\u672a\u8bc6\u522b\u5230\u5143\u7d20:${match.text}`);\n return reply(\"\u274c \u672a\u627e\u5230\u5bf9\u5e94\u9875\u9762\u5143\u7d20\uff0c\u5df2\u81ea\u52a8\u622a\u56fe\u7559\u5b58\");\n }\n await humanClick(page, elem);\n writeTaskLog(\"\u70b9\u51fb\u5143\u7d20\", \"\u6210\u529f\", `\u64cd\u4f5c\u76ee\u6807:${match.text}`);\n return reply(`\u2705 \u5df2\u5b8c\u6210\u70b9\u51fb\u64cd\u4f5c\uff1a${match.text}`);\n }\n\n \/\/ \u9875\u9762AI\u5185\u5bb9\u89e3\u6790\n if (pattern === \"\u9875\u9762\u89e3\u6790{url}\" && match.url) {\n reply(`\ud83d\udcc4 AI\u6b63\u5728\u8403\u53d6\u9875\u9762\u5185\u5bb9\uff1a${match.url}`);\n const page = await visitUrl(match.url);\n const res = await aiExtractContent(page);\n writeTaskLog(\"\u9875\u9762\u89e3\u6790\", \"\u6210\u529f\", `\u5730\u5740:${match.url}`);\n return reply(`\ud83d\udcd1 \u9875\u9762\u89e3\u6790\u7ed3\u679c\\n\u6807\u9898\uff1a${res.title}\\nAI\u6458\u8981\uff1a${res.summary}`);\n }\n\n \/\/ \u5173\u95ed\u6d4f\u89c8\u5668\u8fdb\u7a0b\n if (pattern === \"\u5173\u95ed\u6d4f\u89c8\u5668\") {\n await closeBrowser();\n writeTaskLog(\"\u5173\u95ed\u6d4f\u89c8\u5668\", \"\u6210\u529f\", \"\u6d4f\u89c8\u5668\u8fdb\u7a0b\u5df2\u9500\u6bc1\");\n return reply(\"\ud83d\uded1 \u6d4f\u89c8\u5668\u5df2\u6b63\u5e38\u5173\u95ed\");\n }\n\n } catch (e: any) {\n writeTaskLog(\"\u901a\u7528\u4efb\u52a1\", \"\u5f02\u5e38\", e.message);\n return reply(`\u274c \u6267\u884c\u5f02\u5e38\uff1a${e.message}`);\n }\n\n return reply(\"\ud83d\udca1 \u53ef\u7528\u6307\u4ee4\uff1a\u6253\u5f00\u9875\u9762+\u7f51\u5740\u3001\u70b9\u51fb\u5143\u7d20+\u6587\u5b57\u3001\u8f93\u5165\u5185\u5bb9\u3001\u9875\u9762\u89e3\u6790+\u7f51\u5740\u3001\u5173\u95ed\u6d4f\u89c8\u5668\");\n }\n};\n<\/code><\/pre>\n\n\n\n\u516d\u3001\u5e38\u7528\u6307\u4ee4\u793a\u4f8b\uff08OpenClaw \u76f4\u63a5\u8c03\u7528\uff09<\/h3>\n\n\n\n
\n
\u6253\u5f00\u9875\u9762 https:\/\/www.example.com<\/code><\/li>\n\n\n\n\u70b9\u51fb\u5143\u7d20 \u767b\u5f55<\/code><\/li>\n\n\n\n\u8f93\u5165\u5185\u5bb9 123456 \u76ee\u6807 \u5bc6\u7801\u6846<\/code><\/li>\n\n\n\n\u9875\u9762\u89e3\u6790 https:\/\/news.example.com<\/code><\/li>\n\n\n\n\u5173\u95ed\u6d4f\u89c8\u5668<\/code><\/li>\n<\/ol>\n\n\n\n\u4e03\u3001\u4e8c\u6b21\u5f00\u53d1\u62d3\u5c55\u65b9\u5411\uff08\u8fdb\u9636\u6539\u9020\u70b9\uff09<\/h3>\n\n\n\n
\n
\u516b\u3001\u90e8\u7f72\u4e0e\u4f7f\u7528\u6b65\u9aa4<\/h3>\n\n\n\n
\n
npm install playwright fs-extra\n# \u5b89\u88c5\u6d4f\u89c8\u5668\u5185\u6838\nnpx playwright install chromium\n<\/code><\/pre>\n\n\n\n\n
PLAYWRIGHT_MCP_AI_CONFIG<\/code>\uff0c\u6309\u9700\u5f00\u542f \/ \u5173\u95ed\u65e0\u5934\u6a21\u5f0f\u3001\u771f\u4eba\u6a21\u62df\u3001\u81ea\u52a8\u622a\u56fe\u3001\u91cd\u8bd5\u6b21\u6570\u7b49\u53c2\u6570\u3002<\/li>\n\n\n\nheadless<\/code> \u4e3a false<\/code>\uff0c\u5f00\u542f\u53ef\u89c6\u5316\u7a97\u53e3\uff0c\u65b9\u4fbf\u8c03\u8bd5\u6d41\u7a0b\u3001\u4f18\u5316\u5143\u7d20\u8bc6\u522b\u89c4\u5219\u3002<\/li>\n<\/ol>\n\n\n\n\u4e5d\u3001\u6838\u5fc3\u4f18\u52bf<\/h3>\n\n\n\n