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

相关推荐
神秘的猪头1 天前
🔌 给 AI 装上“三头六臂”!实战大模型接入第三方 MCP 全攻略
langchain·llm·mcp
javaTodo2 天前
OpenCode 完全指南:从 0 到 100K Star 的开源 AI 编码 Agent
openai·claude·cursor
神秘的猪头2 天前
🔌 把 MCP 装进大脑!手把手带你构建能“热插拔”工具的 AI Agent
langchain·llm·mcp
小兵张健2 天前
AI 页面与交互迁移流程参考
前端·ai编程·mcp
小兵张健2 天前
掘金发布 SOP(Codex + Playwright MCP + Edge)
前端·mcp
Qinana2 天前
从代码到智能体:MCP 协议如何重塑 AI Agent 的边界
前端·javascript·mcp
神秘的猪头2 天前
🚀 拒绝“手搓”工具!带你硬核手写 MCP Server,解锁 Agent 的无限潜能
agent·mcp·trae
warm3snow3 天前
Claude Code 黑客马拉松:5 个获奖项目,没有一个是"纯码农"做的
ai·大模型·llm·agent·skill·mcp
warm3snow4 天前
AI 核心技能系列:12 篇文章带你系统掌握大模型岗位必备技能
ai·transformer·agent·skill·mcp·fine-tunning
3秒一个大4 天前
深入理解 MCP 协议:从本质解析到实战构建
mcp