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

相关推荐
明远湖之鱼3 小时前
手把手带你实现一个 mini-claude-code
ai编程·claude·cursor
花千树-01013 小时前
使用 LangSmith 专业调试 AI Agent:追踪、评估与问题定位
langchain·agent·function call·langgraph·mcp·langsmith·harness
不会敲代码113 小时前
MCP 进阶实战:用 LangChain 将 MCP 工具集成到你的 AI Agent 程序
langchain·node.js·mcp
DavidSoCool13 小时前
Springboot AI 创建MCP Server
java·spring·ai·大模型·springboot·mcp
花千树-01014 小时前
LangGraph 与 ReAct Agent 调试技巧:从日志到可视化全解析
langchain·react·function call·ai agent·langgraph·mcp·j-langchain
JaydenAI14 小时前
[FastMCP设计、原理与应用-14]FastMCP——架构之魂,构建MCP应用的统一入口与调度中枢
python·ai编程·ai agent·mcp·fastmcp
不停喝水1 天前
【AI+Cursor】 告别切图仔,拥抱Vibe Coding: AI + Cursor 开启多模态全栈新纪元 (1)
前端·人工智能·后端·ai·ai编程·cursor
逾明1 天前
Claude Code及Codex的MCP安装和Mastergo MCP的使用
前端·mcp
阿巴阿巴2361 天前
MCP Function Tools
mcp
zhangshuang-peta1 天前
MCP 与治理:当 Agent 成为组织决策的一部分
大数据·人工智能·ai agent·mcp·peta