22 篇文章带有标签 “tool”

发布

JSON 格式化 / 压缩：纯前端在线 JSON 处理工具

JSON 格式化 / 压缩 是什么

JSON 格式化 / 压缩是一款纯前端在线 JSON 处理工具，无需联网、无需上传数据，所有操作均在浏览器本地完成。支持格式化、压缩、转义与去转义，适合开发者在日常工作中快速处理 JSON 数据。

核心功能

  • 格式化：将压缩的 JSON 文本一键展开为带缩进的可读格式，便于查看与调试。
  • 压缩：去除 JSON 中所有不必要的空格与换行，生成最小体积的 JSON 字符串。
  • 转义：将 JSON 对象序列化为转义后的字符串，方便嵌入代码或配置文件。
  • 去转义：将转义后的 JSON 字符串还原为原始内容，支持带引号或不带引号的输入。
  • 一键复制：处理结果可直接复制到剪贴板，无需手动选中。
  • 一键清空：快速清空输入与输出区域，方便处理下一段数据。
  • 实时错误提示：JSON 解析失败时，状态栏会显示具体错误信息，帮助定位问题。
  • 深色模式支持：自动跟随系统主题，也支持手动切换，长时间使用不刺眼。
  • 左右分屏布局：输入与输出并排显示，大屏对比查看更高效，移动端自动切换为上下布局。

使用方式

  1. 打开 JSON 格式化 / 压缩。
  2. 将 JSON 文本粘贴到左侧输入框。
  3. 点击工具栏上的 格式化、压缩、转义 或 去转义 按钮进行处理。
  4. 处理结果即时显示在右侧输出框，点击 复制结果 即可复制到剪贴板。

技术栈

  • HTML + CSS + JavaScript
  • 无后端、无依赖、纯静态页面
  • 支持深色模式与响应式布局
tool json formatter minifier browser developer-tools javascript html css

Model Context Protocol (MCP) 的核心概念和能力

Introduction简介

Model Context Protocol (MCP) 入门

MCP 是一个开放协议，用于标准化应用程序向 LLM 提供上下文的方式。可以将 MCP 视为 AI 应用程序的 USB-C 端口。正如 USB-C 提供了一种将设备连接到各种外围设备和配件的标准化方式一样，MCP 提供了一种将 AI 模型连接到不同数据源和工具的标准化方式。

为什么选择 MCP？

MCP 帮助您在 LLM 之上构建代理和复杂的工作流程。LLM 经常需要与数据和工具集成，而 MCP 提供了：

  • 越来越多的预构建集成，您的 LLM 可以直接插入
  • 在 LLM 提供商和供应商之间切换的灵活性
  • 在您的基础设施中保护数据的最佳实践

一般架构

MCP 的核心遵循客户端-服务器架构，其中主机应用程序可以连接到多个服务器：

flowchart LR
    subgraph "您的计算机"
        Host["带有 MCP 客户端的主机<br>(Claude、IDE、工具)"]
        S1["MCP 服务器 A"]
        S2["MCP 服务器 B"]
        S3["MCP 服务器 C"]
        Host <-->|"MCP 协议"| S1
        Host <-->|"MCP 协议"| S2
        Host <-->|"MCP 协议"| S3
        S1 <--> D1[("本地<br>数据源 A")]
        S2 <--> D2[("本地<br>数据源 B")]
    end
    subgraph "互联网"
        S3 <-->|"Web APIs"| D3[("远程<br>服务 C")]
    end
  • MCP 主机：希望通过 MCP 访问数据的程序，如 Claude Desktop、IDE 或 AI 工具
  • MCP 客户端：维护与服务器 1:1 连接的协议客户端
  • MCP 服务器：轻量级程序，每个程序通过标准化的模型上下文协议公开特定的功能
  • 本地数据源：您的计算机的文件、数据库和服务，MCP 服务器可以安全地访问
  • 远程服务：通过互联网（例如，通过 API）可用的外部系统，MCP 服务器可以连接到

Core architecture（核心架构）

了解 MCP 如何连接客户端、服务器和 LLM

mcpllmresourceprompttooltransportsamplingrootjson-rpcarchitecture