ConsoleSpy：一个用于Cursor的MCP服务器

这是一个捕获浏览器控制台日志并通过模型上下文协议（MCP）在Cursor IDE中提供这些日志的工具。

概述

该工具包括：

1. 一个从浏览器捕获控制台日志的服务器
2. 一个使这些日志对Cursor可用的MCP服务器
3. 一个将控制台日志发送到服务器的浏览器扩展

安装

服务器设置

1. 克隆此仓库：

   git clone https://github.com/mgsrevolver/consolespy.git
   cd consolespy
   

2. 安装依赖项：

   npm install
   

3. 运行设置脚本以配置Cursor的MCP连接：

   ./setup.sh
   

浏览器扩展安装

1. 从Chrome网络商店安装扩展

   或者

   在开发者模式下加载扩展：

   • 打开Chrome并转到chrome://extensions/
   • 启用“开发者模式”（右上角的切换按钮）
   • 点击“加载已解压的扩展程序”，并选择此仓库中的extension文件夹

使用方法

启动服务器

1. 启动控制台日志服务器：

   node mcp-server.js
   

2. 在另一个终端中启动MCP服务器：

   npx supergateway --port 8766 --stdio "node console-spy-mcp.js"
   

或者，您可以使用启动脚本来同时启动两个服务器：

./start-servers.sh

配置Cursor

运行设置脚本后，您仍需手动在Cursor中添加MCP服务器：

1. 转到Cursor中的设置 > 功能 > MCP
2. 添加一个新的MCP服务器，参数如下：
   • 名称：ConsoleSpy
   • 类型：sse
   • URL：http://localhost:8766/sse

使用扩展

1. 单击浏览器中的扩展图标以开启或关闭它
2. 当启用时，当前标签页的所有控制台日志将被发送到服务器
3. 在Cursor中，您现在可以通过MCP接口访问这些日志

自定义

更改控制台日志服务器端口

如果您需要使用不同的端口来运行控制台日志服务器（默认是3333），则需要更新多个地方的端口号：

1. 在mcp-server.js中更改端口变量：

   const port = 3333; // 更改为所需的端口
   

2. 在console-spy-mcp.js中更新URL以匹配新的端口：

   const CONSOLE_SERVER_URL = 'http://localhost:3333/mcp'; // 将3333更改为您的端口
   

3. 在浏览器扩展的content.js中更新服务器URL：

   const serverUrl = 'http://localhost:3333/console-logs'; // 将3333更改为您的端口
   

4. 如果使用start-servers.sh，也需要在那里更新端口引用。

重要提示： 您必须在所有位置使用相同的端口号。我们建议在项目文件中全局搜索“3333”，并将所有实例替换为您所需的端口号，以确保一致性。

如果您正在本地测试，并且另一应用程序已经使用了端口3333，则更改此端口对于工具正确工作至关重要。

故障排除

• 确保两个服务器都在运行
• 验证浏览器扩展是否已为调试的标签页启用
• 检查您是否已在Cursor的设置中添加了MCP服务器
• 如果日志没有出现，请尝试刷新页面或重新启动服务器

许可证

MIT许可证

<a href="https://glama.ai/mcp/servers/uVY0ERoHE0"> <img width="380" height="200" src="https://gips0.baidu.com/it/u=4276416692,2235793190&fm=3081&app=3081&f=PNG?w=760&h=400" /> </a>