AI导哈

网页内容问答工具

一个基于Chrome DevTools Protocol (CDP)的客户端/服务器工具，用于抓取网页实时HTML并回答相关问题。

  • by alfietry
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 alfietry/mcp_demo

使用说明

MCP 演示

这个演示展示了一个最小化的MCP客户端/服务器，其中服务器使用Chrome DevTools Protocol（CDP）来获取网站的实时HTML，并回答有关该网站的问题。

示例：

node client/index.js "[https://wandb.ai/site" "What is the main heading on the page?"

输出：

Response: {
  "url": "https://wandb.ai/site",
  "question": "What is the main heading on the page?",
  "answer": "Weights & Biases: The AI Developer Platform"
}

要求

  • Node.js 16及以上版本
  • 已安装Chrome或Chromium（在Windows上请调整路径）

快速入门

  1. 在PowerShell中启动启用远程调试的Chrome：
& "C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --user-data-dir="C:\temp\chrome-mcp-profile" --no-first-run
  1. 安装依赖项并启动服务器：
cd mcp_demo
npm install
npm run start-server
  1. 在另一个终端中运行客户端以提出问题：
npm run start-client

文件

  • server/index.js - 使用CDP的MCP服务器
  • client/index.js - 简单的客户端，用于发布{url,问题}

备注

  • 这是一个演示版本，缺乏生产环境所需的加固措施（没有认证、没有URL白名单、没有速率限制）。在暴露给外部时请务必小心。

相关 MCP