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

相关推荐
-D调定义之崽崽1 天前
【初学】调试 MCP Server
前端·mcp
程序视点1 天前
告别Cursor低效编程!Cursor高手都在用的7个沟通秘诀,最后一个太关键
aigc·ai编程·cursor
阑梦清川2 天前
借助cursor实现海外站的搭建流程
cursor
AI产品自由2 天前
AI编程学习:Chrome DevTools MCP 到底有多强?
mcp
Blacol3 天前
【MCP】Caldav个人日程助手
人工智能·mcp
Elastic 中国社区官方博客3 天前
如何在 vscode 里配置 MCP 并连接到 Elasticsearch
大数据·人工智能·vscode·elasticsearch·搜索引擎·ai·mcp
明辰之林3 天前
开发你的第一个MCP
mcp
Cosmoshhhyyy3 天前
MCP:cursor、claude code接入chrome-devtools-mcp。
ai·mcp
-D调定义之崽崽3 天前
【初学】使用 node 编写 MCP Server
typescript·node·mcp
SamDeepThinking3 天前
有了 AI IDE 之后,为什么还还要 CLI?
后端·ai编程·cursor