Browser MCP扩展

Playwright vs Browser MCP

Playwight在mcp生态里已经非常流行,在最大调用的mcps里稳稳居前。想要 稳定、可复现、可上 CI/CD 的自动化/测试,都可以使用playwight。但它也有一些问题:

  • 需自己做持久化上下文;
  • 默认与日常浏览器隔离

browser mcp 针对这些场景,提供了更好的解决方案:

  • 复用你平时用的浏览器
  • 因为是"真浏览器",更像真人行为

当然,在用browser mcp时,你需要更加注重封号风险

安装扩展

打开 Chrome Web Store 安装 Browser MCP 扩展。

添加图片注释,不超过 140 字(可选)

在 Cursor 添加 MCP 配置

在 Cursor 添加 MCP 配置打开 Cursor → Settings → MCP → "Add new global MCP server",填入下列配置

css 复制代码
{
  「mcpServers」: {
    「browsermcp」: {
      「command': 'npx',
      「args」: [「@browsermcp/mcp@latest」]
    }
  }
}

连接浏览器标签页

点击浏览器工具栏里的 Browser MCP 扩展图标,在需要控制的标签页里点 Connect(操作都会发生在被连接的那个标签页)。

添加图片注释,不超过 140 字(可选)

在 Cursor 里使用

回到 Cursor 的聊天/Agent,右侧 Available Tools 会出现一组浏览器工具(如 navigate、click、type_text、screenshot 等)。

添加图片注释,不超过 140 字(可选)

接着就可以使用这个 mcp 进行爬虫等等任务了。

添加图片注释,不超过 140 字(可选)

相关推荐
深念Y23 分钟前
我在 Trae 里用 UML-mcp-renderer 画图,发现了 MCP 跟 CLI+Skills 的区别
agent·uml·cli·幻觉·mcp·trae·skills
golang学习记17 小时前
Cursor官方团队的AI指南:Cursor Team Kit
前端·cursor
ZengLiangYi18 小时前
Cursor 对话导入:解析 SQLite 里的宝藏
ai编程·cursor
CSharp精选营18 小时前
AI 开发狂飙!.NET 11 Preview 4 原生集成向量搜索 + MCP 模板,EF Core 直接对标 RAG 应用
rag·向量搜索·ef core·mcp·.net 11
GarrettGao18 小时前
MCP 实践-用 AI 对话触发 Jenkins 打包App
ai编程·mcp
浩风祭月1 天前
用 Cursor + Claude Code 重构遗留支付模块,5个技巧让效率翻倍
ai编程·cursor
han_2 天前
AI Skill 是什么?一篇讲清楚它和 Prompt、MCP 的区别
人工智能·ai编程·mcp
我也曾把你举过头顶2 天前
Skill/MCP/RAG/Agent/OpenClaw是什么
人工智能·ai agent·mcp
莪_幻尘2 天前
一份 AGENTS.md,让 AI 代码规范率从 60% 飙升到 95%
前端·ai编程·cursor
kyriewen3 天前
测试妹子让我写单测,我偷偷用AI一天干完一周的活
前端·chatgpt·cursor