AI导哈

模型协议检查工具

MCP Inspector是一个用于测试、调试和浏览模型上下文协议（MCP）资源的CDN部署工具，支持实时监控和多种认证方式。

  • by AzeemMuzammil
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 AzeemMuzammil/mcp-inspector-cdn

使用说明

MCP Inspector CDN（中文可译为）：MCP 检查器 CDN

🔍 看起来像是一个放大镜的符号，常用于表示搜索、查看细节或调查等意思，在中文中可以翻译为“🔍”（保持原样）或用文字描述为“放大镜符号”、“搜索符号”等，具体翻译取决于上下文和使用场景。 模型上下文协议检查器 - 准备好进行CDN部署

此存储库包含了MCP Inspector的生产就绪构建版本，该版本已针对CDN托管和网站集成进行了优化。

🚀 实时演示

直接从这个CDN访问MCP Inspector：

  • 主应用程序： https://azeemmuzammil.github.io/mcp-inspector-cdn/
  • 集成示例： https://azeemmuzammil.github.io/mcp-inspector-cdn/integration-example.html

📦 包含内容

  • index.html - 主MCP检查器应用程序
  • assets/ - 优化了JavaScript和CSS包
  • mcp.svg - 应用程序图标
  • integration-example.html - 示例集成页面
  • deployment-info.txt - 部署详情

🌐 CDN（内容分发网络）集成

简单的Iframe

<iframe 
    src="https://azeemmuzammil.github.io/mcp-inspector-cdn/" 
    width="100%" 
    height="800px"
    frameborder="0"
    title="MCP Inspector">
</iframe>

模态集成

<button onclick="openInspector()">Open MCP Inspector</button>

<div id="modal" style="display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);">
    <div style="background:white; margin:2% auto; width:95%; height:90%; border-radius:8px;">
        <iframe src="https://azeemmuzammil.github.io/mcp-inspector-cdn/" width="100%" height="100%"></iframe>
    </div>
</div>

<script>
function openInspector() {
    document.getElementById('modal').style.display = 'block';
}
</script>

直接资产加载

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://azeemmuzammil.github.io/mcp-inspector-cdn/assets/index-CkIb6udC.css">
</head>
<body>
    <div id="root" class="w-full"></div>
    <script type="module" src="https://azeemmuzammil.github.io/mcp-inspector-cdn/assets/index-DjScrj8s.js"></script>
</body>
</html>

🔧 功能/特性

  • 工具管理 - 测试和调试MCP工具
  • 资源浏览器 - 浏览并阅读MCP资源
  • 提示库 - 使用流式响应进行测试提示
  • 连接管理器 - 支持stdio、SSE、可流式传输的HTTP
  • 认证 - 持有者令牌、OAuth、自定义头部
  • 实时监控 - 请求历史和通知

📊 打包信息

  • 主程序包： assets/index-DjScrj8s.js 1.48MB
  • 样式表: assets/index-CkIb6udC.css (56千字节)
  • 总大小1.5兆字节
  • 由……建造/构建而成: @modelcontextprotocol/inspector@0.16.8

🛠️ 本地开发

为当地服务：

# Using Python
python -m http.server 8000

# Using Node.js
npx serve .

# Using PHP
php -S localhost:8000

然后打开 http://localhost:8000

🔗 相关链接

📄 许可证

这是一个重新分发的MCP Inspector构建版本，原由Anthropic，PBC根据MIT许可协议授权。

建立在$(date) 翻译成中文是：$(日期)（注：这里的“$(date)”在编程或命令行中通常表示调用系统日期命令，但在中文语境下，我们直接翻译其含义为“日期”，不保留原命令形式。）
版本0.16.8
已准备好使用CDN✅

相关 MCP