Playwriter 浏览器控制
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/let-agents-control-a-logged-in-chrome-browser-through-playwriter-mcp。
技能介绍
解决什么问题
代理要驱动浏览器时,Playwright 默认拉起一个全新的浏览器实例,cookie、登录态、验证码一概不保留。而现实中的流程往往跑在你已经登录的 Chrome 里:后台系统、SaaS 控制台、只有 SSO 才能进的页面。让代理每次重新走一遍登录既不可靠,也不适合无人值守的运行方式。
这个技能补的就是「代理 ↔ 已登录 Chrome」这条链路。Playwriter 把 Playwright 的控制面映射到一个操作者批准过的 Chrome 会话上,代理可以直接在真实浏览器里点击、输入、导航,而不需要自己维护认证状态。
它的工作方式
核心是一个 Chrome 扩展加一个 MCP 服务。扩展负责接管已登录的标签页,连接成功时图标会变绿;服务端通过 Playwright 暴露一组有边界的控制能力,任何 MCP 兼容的代理都能直接调用。
在执行作用域里,代理可以拿到 page、context、state 等对象。其中 state 会在多次调用之间持久化,适合保存步骤间需要记住的上下文,比如当前停在哪个表单、上一步提取了什么。require 和 Node.js 全局变量也可以使用。
适用边界与注意点
它不是无头浏览器方案,适合有人批准、会话合法的场景。由于状态会在调用间保留,需要设计好清理逻辑,避免上一轮的残留被带进下一轮。扩展与 CLI 的版本要匹配,否则可能出现页面控制不到的情况。上游文档对变量作用域有明确说明,接入前建议先核对。
使用场景
- 运营每天登录内部后台,把多个页面的订单数据逐个复制到汇总表,想让代理在已登录的 Chrome 里完成采集和填表
- 测试工程师反复执行同一套登录后的回归步骤,希望代理驱动真实浏览器点击操作并记录每一步结果
- 内部审批流程要在多个已登录系统间跳转并填写表单,代理按顺序执行多步操作并在调用间保存中间状态
- 开发者要把现有 MCP 代理接到团队共用的 Chrome 会话,让它在已批准的标签页上执行有边界的操作
适合人员
- 后端工程师:已有 MCP 代理,需要让它驱动团队已登录的 Chrome 执行业务流程
- 运营与数据专员:每天在多个已登录后台系统间搬运数据并录入汇总表,希望用自动化替代手工复制粘贴
- QA 测试工程师:回归测试需要复用真实登录态,希望代理在已登录浏览器里按步骤点击操作并留存结果
- 工具链集成工程师:正在开发 MCP 客户端或 Agent 平台,需要为代理接入有状态的浏览器控制能力