GraphQL 格式化

粘贴 GraphQL query、mutation 或 subscription,按 selection set 花括号自动缩进。适合调试 API、编写文档示例与 code review。

阅读完整指南: GraphQL 与 JSONPath:响应调试与字段提取 →

隐私提示:本地解析,不上传服务器。

↓ 在下方输入区粘贴内容,结果会立即显示

粘贴 GraphQL query 或 mutation,自动按花括号缩进美化。

GraphQL 输入

支持 query、mutation 与嵌套 selection set。

格式化结果

query  {
   user(id: 1)  {
     name email posts  {
       title 
    } 
  } 
}

注释说明

说明

按 { } 层级缩进; 字符串内的括号不会被拆分。处理在浏览器本地完成。

粘贴 GraphQL query、mutation 或 subscription,按 selection set 花括号自动缩进。适合调试 API、编写文档示例与 code review。

快速开始

  1. 粘贴 GraphQL

    支持嵌套字段与参数。

  2. 查看格式化结果

    实时按 { } 层级缩进。

  3. 复制

    粘贴到 GraphiQL、Postman 或 README。

与 GraphQL 客户端的关系

本工具仅格式化文本; 执行查询仍需 GraphiQL、Apollo 或后端 schema。

隐私

GraphQL 在浏览器本地格式化; 不会上传查询内容。

典型工作流

当你在 GraphQL Playground 或 Postman 中调试 API 时,复制出的查询往往是压缩格式。粘贴到这里,点击格式化按钮,就能获得层级分明的代码。这在编写技术文档时尤其有用——清晰的缩进让示例更易读。

团队协作时,直接在聊天窗口粘贴原始 GraphQL 查询可能难以阅读。先用此工具格式化,再分享到 Slack 或 PR 评论中,能显著提升 code review 效率。我们还建议将格式化后的查询存入项目 Wiki,作为 API 调用范例。

示例

示例

Input

query { user { name } }

Output

Indented multi-line query

FAQ

支持 GraphQL schema SDL 吗?

主要针对 query/mutation 文本; SDL 类型定义也可尝试格式化。

会校验语法吗?

不做 schema 校验; 仅调整空白与换行。

格式化会修改我的原始查询语义吗?

绝对不会。工具仅调整空白字符(空格/换行/缩进),不解析查询内容。所有格式化操作都可逆,点击「重置」按钮即可恢复原始文本。