MCP Inspector 0.9.0：可视化工具调用监控与交互体验全面升级

【免费下载链接】inspector Visual testing tool for MCP servers 项目地址: https://gitcode.com/gh_mirrors/inspector1/inspector

MCP Inspector 是一款专为 MCP 服务器打造的可视化测试与调试工具，能够帮助开发者轻松监控工具调用过程、调试服务器交互，并提供直观的用户界面提升开发效率。无论是测试工具功能、查看资源列表还是分析请求历史，MCP Inspector 都能提供一站式解决方案。

图：MCP Inspector 0.9.0 主界面展示，包含工具调用面板、历史记录和服务器通知三大核心区域

🌟 新版本核心亮点

1. 直观的工具调用中心

新版本的工具调用界面进行了全面优化，提供更清晰的工具列表展示和参数配置区域。开发人员可以:

• 快速浏览服务器支持的所有工具（如 echo、add、printEnv 等）
• 通过简洁表单输入工具参数
• 实时查看工具执行结果和状态
• 一键复制结果到剪贴板

2. 完整的交互历史追踪

所有服务器交互都被自动记录并分类展示：

• 按时间倒序排列的请求历史
• 支持展开查看每个请求的详细参数和响应
• 工具调用、资源请求、通知消息分类显示
• 清晰的状态标识（成功/失败）

3. 多标签页功能扩展

新增多个功能标签页，满足不同开发需求：

• Tools：核心工具调用面板
• Resources：浏览服务器提供的资源
• Prompts：管理和测试提示模板
• Ping：服务器连接测试
• Sampling：采样请求测试
• Roots：根资源查看

⚡ 快速开始指南

一键安装与启动

使用 npm 直接运行，无需复杂配置：

npx @modelcontextprotocol/inspector

服务器启动后，UI 会自动在浏览器中打开（默认地址：http://localhost:6274）。

从源码运行

如果需要从源代码运行最新版本：

git clone https://gitcode.com/gh_mirrors/inspector1/inspector
cd inspector
npm install
npm run dev

连接到 MCP 服务器

支持三种连接方式：

• STDIO：直接运行本地服务器进程
• SSE：连接到 Server-Sent Events 服务器
• Streamable HTTP：连接到流式 HTTP 服务器

只需在左侧面板选择传输类型并配置相应参数，点击"Connect"即可建立连接。

🛠️ 高级功能使用

服务器配置导出

MCP Inspector 提供便捷的配置导出功能：

• Server Entry：复制单个服务器配置项到剪贴板
• Servers File：生成完整的 mcp.json 配置文件

这些功能可在配置完成服务器后，通过界面上的对应按钮使用，方便在不同环境间迁移配置。

安全认证设置

为保护服务器安全，新版本默认启用认证机制：

• 启动时自动生成随机会话令牌
• 支持通过环境变量自定义令牌
• 可配置允许的请求来源，防止跨站请求伪造

📊 架构概览

MCP Inspector 由两个核心组件构成：

• MCP Inspector Client (MCPI)：基于 React 的 Web 界面，提供交互式测试和调试功能
• MCP Proxy (MCPP)：Node.js 服务器，作为协议桥接器，连接 Web UI 与 MCP 服务器

这种架构设计使浏览器能够与使用不同传输协议的 MCP 服务器进行交互，同时保持良好的安全性和性能。

📝 总结

MCP Inspector 0.9.0 版本通过直观的可视化界面、完善的历史记录和多标签功能，为 MCP 服务器开发提供了强大的测试和调试工具。无论是新手开发者还是经验丰富的工程师，都能通过这款工具提升开发效率，简化调试流程。

想要了解更多细节，可以查看项目中的 README.md 文件或探索源代码中的 client/src/components/ 目录，那里包含了所有 UI 组件的实现。

【免费下载链接】inspector Visual testing tool for MCP servers 项目地址: https://gitcode.com/gh_mirrors/inspector1/inspector