JSON Alexander：704⭐的浏览器 JSON 查看器扩展

在浏览器中查看 JSON 数据是开发者的日常操作，但原生体验往往令人沮丧——没有语法高亮、无法折叠展开、复制路径困难。今天要介绍的 JSON Alexander 是知名开发者 Wes Bos 推出的开源浏览器扩展，为这个问题提供了一个优雅的解决方案。

项目概览

属性	详情
GitHub	wesbos/JSON-Alexander
Stars	704 ⭐
语言	TypeScript
许可证	MIT
作者	Wes Bos (@wesbos)

核心特性

JSON Alexander 的设计理念是”一个真正好用的 JSON 查看器”，它提供了以下功能：

• 语法高亮 - 清晰区分键名、字符串、数字、布尔值和 null
• 可折叠结构 - 点击箭头即可展开/收起对象和数组
• 路径复制 - 一键复制任意节点的完整路径
• 深色模式 - 自动适配系统主题偏好
• 零配置 - 安装即用，自动拦截 JSON 响应

安装方式

由于项目刚发布不久（2026 年 4 月），目前可通过以下方式安装：

1. Chrome Web Store（即将上架）
2. Firefox Add-ons（即将上架）
3. 手动安装：

   git clone https://github.com/wesbos/JSON-Alexander.git
   cd JSON-Alexander
   npm install
   npm run build
   # 在浏览器开发者模式中加载 dist 目录

技术实现

项目使用 TypeScript 构建，核心技术栈：

• Manifest V3 - 符合最新浏览器扩展规范
• TypeScript - 类型安全的代码基础
• 原生 API - 不依赖重量级框架，保持轻量

代码结构简洁清晰，对于想学习浏览器扩展开发的开发者来说，这是一个很好的参考项目。

为什么叫 “Alexander”？

项目名称致敬了 JSON 格式的发明者 Douglas Crockford，同时也暗指”征服”了复杂的 JSON 查看体验。

同类对比

工具	类型	特点
JSON Alexander	浏览器扩展	轻量、开源、现代设计
JSON Viewer Pro	浏览器扩展	功能丰富但较臃肿
DevTools 原生	内置	功能基础，体验一般
Postman	独立应用	功能全面但启动慢

总结

JSON Alexander 是一个专注做好一件事的工具。704 个 star 对于刚发布两周的项目来说已经相当亮眼，证明了开发者对优质 JSON 查看体验的渴望。

如果你经常在浏览器中查看 API 响应或 JSON 文件，这个扩展值得一试。

---

参考链接

• GitHub: https://github.com/wesbos/JSON-Alexander
• 作者: https://wesbos.com