一个 Chrome 扩展,用于使用 JSONGrid(一个表格 JSON 视图)检查 JSON 数据。
JSONGrid Web Inspector 是一款功能强大的 Chrome DevTools 扩展,专为使用 API 和 JSON 响应的开发人员而设计。将其视为“网络”选项卡的现代转折 — 构建时考虑到了清晰度、速度和可用性。
它的作用
安装后,您将在 Chrome DevTools 中看到一个名为“JSONGrid Web Inspector”的新面板。该面板为您提供了一种干净、交互式的方式来监视和检查 HTTP 请求和响应 - 特别关注 JSON 数据。
主要特点
• 网格格式的 JSON (JSONGrid)
此扩展不是原始的、难以阅读的 JSON,而是在表格网格视图中显示响应,更易于扫描、搜索和导航。非常适合检查嵌套结构,无需挖掘支架和支撑。
• URL 细分
每个请求都包含其完整 URL 的结构化细分(包括协议、主机、路径、查询参数等),所有这些都以干净的表格布局显示。
• 固定和保留请求
您可以固定要保留的特定请求。当新流量到达时,固定请求不会消失。当需要清除所有内容(包括固定的项目)时,只需双击清除按钮即可。
• 深色和浅色模式支持
该扩展程序会自动适应您的 Chrome DevTools 主题,支持深色和浅色模式,以提供无缝体验。
• 变焦控制
轻松放大或缩小整个视图。无论您使用小型笔记本电脑屏幕还是超宽显示器,布局都会根据您的喜好进行调整。
• 开发工具集成
无需单独的选项卡或弹出窗口。 JSONGrid Web Inspector 直接内置于 Chrome DevTools 中。您可以像任何其他本机面板(例如网络、控制台、元素)一样访问它。
为开发人员打造
无论您是在调试 REST API、检查第三方服务,还是只是检查应用程序行为,此扩展都可以为您提供:
• 对 JSON 响应的快速、结构化洞察
• 以简洁易读的方式查看复杂数据
• 固定和保留关键请求的工具
• 通过嵌套对象和数组轻松导航
• 更好地了解请求 URL 和查询字符串
能力概要
• Chrome DevTools 内的附加面板
• 监控 HTTP 请求,如“网络”选项卡
• 以表格、可读格式显示 JSON 数据
• 将 URL 分解为单独的组件
• 支持固定和清除请求
• 主题感知(深色/浅色)
• 全面的变焦控制,方便使用
• 以开发人员为中心,没有多余的内容
开始以前所未有的方式探索网络 - 具有结构化、清晰、开发人员友好的见解。





