mcpField
C
Cursor MCP (Model Context Protocol)

Cursor MCP (Model Context Protocol)

github.com/sirvenisIDE 与编辑器784 周前更新
代码仓库

关于 Cursor MCP (Model Context Protocol)

Chrome 扩展，通过 MCP 将浏览器和 Cursor IDE 连接，实现浏览器上下文共享。适合需要在 IDE 中访问浏览器数据的开发者。

主要功能

  1. 01捕获控制台日志和错误
  2. 02追踪网络请求和响应
  3. 03截图和 DOM 元素选择
  4. 04与 Cursor IDE 注册命令
  5. 05配置日志设置

适用场景

  1. 01在 IDE 中调试浏览器错误
  2. 02分析网络请求以排查问题
  3. 03从浏览器获取页面截图和元素

MCP 相关

作为 MCP 客户端，该扩展通过 MCP 协议向 Cursor IDE 暴露浏览器数据，包括控制台日志、网络请求、截图和 DOM 元素。

详细介绍

Cursor MCP（Model Context Protocol）

一个 Chrome 扩展，通过 Model Context Protocol（MCP）与 Cursor IDE 集成，允许浏览器和 IDE 之间增强的上下文共享。

功能

  • 捕获控制台日志和错误
  • 跟踪网络请求和响应
  • 截图
  • 获取选定的 DOM 元素
  • 向 Cursor IDE 注册命令
  • 配置日志记录设置

安装

浏览器扩展
  1. 克隆本仓库
  2. 打开 Chrome 并导航到 chrome://extensions/
  3. 启用开发者模式（点击右上角的切换按钮）
  4. 点击"加载未打包的扩展程序"并选择克隆的仓库文件夹
  5. 扩展程序现在应该已安装并在浏览器工具栏中可见
添加到 Cursor 设置
  1. 打开 Cursor IDE
  2. 进入设置（左下角的齿轮图标）
  3. 导航到"扩展"或"MCPs"部分
  4. 点击"添加 MCP"
  5. 输入 MCP 信息并点击"添加"

使用

添加到设置后，您可以直接从 Cursor IDE 使用 MCP：

`javascript // 获取控制台日志 const logs = await mcp.getConsoleLogs();

// 截图 const screenshot = await mcp.takeScreenshot();

// 获取所有上下文 const context = await mcp.getAllContext(); `

配置

MCP 可以通过以下选项进行配置：

  • 日志限制：保留的最大日志数
  • 查询限制：要处理的查询的最大大小
  • 显示请求头：是否在网络日志中包含请求头
  • 显示响应头：是否在网络日志中包含响应头

开发

要为此项目做出贡献，请按照以下步骤操作：

  1. Fork 本仓库
  2. 创建功能分支
  3. 进行更改
  4. 提交拉取请求

文档

有关更多详细信息，请参阅以下文档：

许可证

MIT

贡献

欢迎贡献！请随时提交拉取请求。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。