Skip to content

Latest commit

 

History

History
42 lines (30 loc) · 1.4 KB

README.zh.md

File metadata and controls

42 lines (30 loc) · 1.4 KB

JSON Formatter Chrome 扩展

English | 简体中文

一个美观、实用的Chrome扩展,用于格式化和高亮显示JSON内容。采用VS Code风格的暗色主题,提供交互式的JSON查看体验。

✨ 功能特点

  • 🎨 自动检测并格式化页面中的JSON内容
  • 🌗 VS Code风格的暗色主题
  • 🔍 可折叠/展开的JSON节点
  • 📊 显示数组和对象的元素数量
  • 💅 美观的语法高亮
  • 🖱️ 悬停高亮显示JSON属性
  • ⚡ 快速展开/折叠所有节点

📦 安装方法

  1. 下载或克隆此仓库到本地
  2. 打开Chrome浏览器,进入扩展管理页面(chrome://extensions/)
  3. 开启右上角的「开发者模式」
  4. 点击「加载已解压的扩展程序」
  5. 选择本项目的文件夹

🚀 使用方法

  1. 安装扩展后,访问任何包含JSON内容的页面
  2. 扩展会自动检测并格式化JSON内容
  3. 使用左侧的箭头按钮(▶/▼)展开或折叠JSON节点
  4. 点击扩展图标可以使用「全部展开」或「全部折叠」功能

🛠️ 技术实现

  • 使用原生JavaScript开发,无需任何外部依赖
  • 采用Chrome Extension Manifest V3规范
  • 实现了递归的JSON解析和DOM渲染
  • 使用CSS实现平滑的动画过渡效果
  • 优化的性能,支持处理大型JSON数据

📄 许可证

本项目基于 Apache-2.0 许可证开源,详见LICENSE文件。