一个美观、实用的Chrome扩展,用于格式化和高亮显示JSON内容。采用VS Code风格的暗色主题,提供交互式的JSON查看体验。
- 🎨 自动检测并格式化页面中的JSON内容
- 🌗 VS Code风格的暗色主题
- 🔍 可折叠/展开的JSON节点
- 📊 显示数组和对象的元素数量
- 💅 美观的语法高亮
- 🖱️ 悬停高亮显示JSON属性
- ⚡ 快速展开/折叠所有节点
- 下载或克隆此仓库到本地
- 打开Chrome浏览器,进入扩展管理页面(chrome://extensions/)
- 开启右上角的「开发者模式」
- 点击「加载已解压的扩展程序」
- 选择本项目的文件夹
- 安装扩展后,访问任何包含JSON内容的页面
- 扩展会自动检测并格式化JSON内容
- 使用左侧的箭头按钮(▶/▼)展开或折叠JSON节点
- 点击扩展图标可以使用「全部展开」或「全部折叠」功能
- 使用原生JavaScript开发,无需任何外部依赖
- 采用Chrome Extension Manifest V3规范
- 实现了递归的JSON解析和DOM渲染
- 使用CSS实现平滑的动画过渡效果
- 优化的性能,支持处理大型JSON数据
本项目基于 Apache-2.0 许可证开源,详见LICENSE文件。