mcpField
J
JsonLink

JsonLink

本地服务
jsonlink.io浏览器自动化02 周前更新

关于 JsonLink

JsonLink 是为 AI Agent 提供网页内容和元数据访问能力的 MCP 服务。它可在浏览器中加载 JavaScript 密集型页面,并返回 Markdown、截图、链接或图片详情。

主要功能

  1. 01将网页内容转换为 Markdown
  2. 02提取页面元数据
  3. 03截取网页画面
  4. 04列出页面链接及属性
  5. 05提取图片详情

适用场景

  1. 01阅读文章和文档
  2. 02通过截图检查页面布局
  3. 03收集多个网址的标题和描述
  4. 04查找外部 nofollow 链接

MCP 相关

向 MCP 客户端提供五种网页提取工具:Markdown 转换、元数据、截图、链接和图片详情。客户端通过使用 JsonLink API 密钥的 stdio 服务连接,也可使用 HTTP 模式。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"mauriblint-jsonlink": {
"command": "npx",
"args": [
"-y",
"jsonlink-mcp"
],
"env": {
"JSONLINK_API_KEY": "<JSONLINK_API_KEY>"
}
}
}
}
启动命令npx -y jsonlink-mcp
需要配置的环境变量
JSONLINK_API_KEY密钥Your JsonLink API key (free at https://jsonlink.io/signup)

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmjsonlink-mcp0.2.0

工具

5

收录的工具列表 · 更新于 2 周前

参数类型必填说明
urlstring是网页的完整 URL,必须包含 https://
max_charsinteger否将 Markdown 截断为指定字符数。默认值:50,000。

详细介绍

JsonLink MCP 服务

让你的 AI Agent 接入互联网。JsonLink MCP 服务让 Claude、Cursor、VS Code 和任何 MCP 客户端都能将网页读取为 Markdown、获取链接元数据、截取屏幕截图,并列出任意 URL 上的链接和图片。

  • 读取 JavaScript 密集型页面 — 必要时会在真实浏览器中加载页面。
  • 绕过拦截 — 如果网站拦截请求,会通过代理重试。
  • 请求失败不收费 — 超时和无法加载的页面不会消耗额度。

工具

工具功能额度
url_to_markdown获取页面主要内容并转换为简洁的 Markdown,适用于阅读文章、文档和博客文章1
extract_metadata获取 URL 的标题、描述、预览图片、网站图标和网站名称1
screenshot截取页面屏幕截图(桌面、移动设备、平板、整页或单个元素),并以图片形式返回。隐藏广告、跟踪器、聊天小组件和 Cookie 横幅;可选深色模式2
extract_links获取页面上的所有链接,以及锚文本、follow/nofollow 和内部/外部属性1
extract_images获取页面上的所有图片,以及格式、尺寸和文件大小1

获取 API 密钥

创建免费账户 — 免费套餐每月包含 100 个额度,无需信用卡。从控制面板复制密钥。

设置

将 YOUR_API_KEY 替换为你的 JsonLink 密钥。

Claude Code
claude mcp add jsonlink -e JSONLINK_API_KEY=YOUR_API_KEY -- npx -y jsonlink-mcp
Claude Desktop

将以下内容添加到 claude_desktop_config.json(Settings → Developer → Edit Config):

{
  "mcpServers": {
    "jsonlink": {
      "command": "npx",
      "args": ["-y", "jsonlink-mcp"],
      "env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
    }
  }
}
Cursor

将以下内容添加到 ~/.cursor/mcp.json(或项目中的 .cursor/mcp.json):

{
  "mcpServers": {
    "jsonlink": {
      "command": "npx",
      "args": ["-y", "jsonlink-mcp"],
      "env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
    }
  }
}
VS Code

将以下内容添加到 .vscode/mcp.json:

{
  "servers": {
    "jsonlink": {
      "command": "npx",
      "args": ["-y", "jsonlink-mcp"],
      "env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
    }
  }
}
Windsurf 和其他客户端

任何可运行 stdio MCP 服务的客户端都可以使用相同的方式:命令为 npx,参数为 -y jsonlink-mcp,环境变量为 JSONLINK_API_KEY。

示例提示词

  • “读取 https://example.com/blog/post,并用五个要点总结。”
  • “截取我的落地页的移动版屏幕截图,并告诉我哪些地方看起来有问题。”
  • “在深色模式下,只截取 stripe.com 的定价部分。”
  • “获取这 10 个链接的标题和描述,并整理成表格。”
  • “列出此页面上所有带有 nofollow 属性的外部链接。”

配置

变量说明
JSONLINK_API_KEY你的 JsonLink API 密钥(必需)。
JSONLINK_API_URLAPI 基础 URL。默认为 https://jsonlink.io。

定价

每次调用工具都会消耗 JsonLink 套餐中的额度:每页 1 个额度,每张屏幕截图 2 个额度。套餐价格为每月 $15 起,包含 50,000 个额度 — 查看定价。额度和速率限制与 REST API 相同。

开发

npm install
npm run build
JSONLINK_API_KEY=YOUR_API_KEY node dist/index.js

使用 node dist/index.js --http --port 3100 将其作为远程(Streamable HTTP)服务运行;客户端通过 Authorization: Bearer YOUR_API_KEY 发送密钥。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

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

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