让 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。这里的首次任务是按官方文档整理的模板，模板本身不代表已经运行过这段流程。拿到检查记录后，再决定是否修复对应问题。