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 字(可选)

相关推荐
奋飛11 小时前
AI应用工程:Agent 的能力是如何扩展的?——Tool、Skill、Workflow 与 MCP 的职责边界
agent·workflow·mcp·skills·ai应用工程
辞忧九千七13 小时前
MCP 协议完全指南:从原理到 LangGraph 集成,打造即插即用的 AI Agent 工具生态
agent·langgraph·mcp
csdn_aspnet16 小时前
如何将 Cursor MCP 与 VS Code 连接
vscode·cursor·mcp·composio
思码梁田17 小时前
CSS cursor 属性全解析:从“小手“开始,玩转鼠标光标
前端·css·计算机外设·cursor·pointer
吴佳浩1 天前
MCP:从原理、源码、实战到企业落地,一篇彻底讲透 AI 世界的标准协议
人工智能·agent·mcp
玉&心1 天前
关于配置mcp服务端sse-message-endpoint和sse-endpoint的注意点
spring·springai·mcp
武雄(小星Ai)3 天前
2026年7月 AI 编程工具横评:Claude Code vs Cursor vs GitHub Copilot 实测对比
ai·开发工具·claude·cursor·对比评测
redreamSo3 天前
32 个 AI 编程工具的配置都放哪,这个仓库整理清楚了
ai编程·claude·cursor
MicrosoftReactor3 天前
技术速递|智能体构建智能体:基于 Microsoft Agent Framework 与 Foundry 的 Skill 优先架构蓝图
ai·架构·agent·智能体·mcp