JSON Viewer Extend · 随心录Plus

功能丰富的 JSON/JSONP 高亮查看器。基于 Manifest V3 和 CodeMirror 6 构建的现代浏览器扩展，替代浏览器原生 JSON 查看器。

核心功能 - 语法高亮：基于 CodeMirror 6，支持 JSON/JSONP 语法着色 - 26 种编辑器主题：19 种暗色主题 + 7 种亮色主题，实时预览切换 - 代码折叠：支持按层级折叠/展开 JSON 节点，可从第二层开始自动折叠 - 搜索：支持正则表达式、大小写敏感、全词匹配；支持按 JSON 路径快速跳转 - 排序功能：递归排序对象键名和数组元素；支持按指定字段对数组对象自定义排序，配置可自动保存 - 复制导出：一键复制 JSON 到剪贴板，支持包含/排除 Array[N] 标记 - URL 自动识别：自动检测并使 URL 可点击，支持转换为真实 <a> 标签 - 自定义样式：通过选项页自定义字体、字号、行高，支持 CSS 代码编辑 - 虚拟滚动：CM6 默认采用虚拟滚动，大文件浏览更流畅，内存占用低 - JSON 文本工具箱：Base64/URL 编解码、Unicode/HTML 实体转义、JSON Path 提取、压缩 JSON、字符串转义/反转义 - 注释保留：支持解析带注释的 JSON（// 和 /* */），格式化时保留注释 - 地址栏编辑器：地址栏快捷命令打开编辑器，支持搜索、排序、注释、自动填充上次内容 使用方式 1. 打开任意 JSON/JSONP 页面（响应头 Content-Type: application/json 或 .jsonp） 2. 浏览器原生 JSON 查看器自动替换为 JSON Viewer Extend 3. 工具栏按钮：搜索（Ctrl+F）、排序（Ctrl+Alt+S）、复制、JSON 文本工具箱、原始 JSON 切换、折叠切换、选项 4. 右上角扩展图标支持地址栏编辑器（omnibox）快速打开编辑器 5. 支持本地 JSON 文件（.json 文件拖拽到浏览器打开即可渲染，需开启"允许访问文件 URL"权限） 权限说明 - storage — 保存用户选项（主题、字体、排序配置等） - <all_urls> — 在所有页面上注入内容脚本以检测和渲染 JSON 隐私声明 本扩展不收集、不发送任何用户数据。所有配置仅存储在本地（浏览器.storage.sync），不同步到任何服务器。 源码 本项目基于 MIT 许可证开源。 --- 基于项目 本项目基于 tulios/json-viewer (https://github.com/tulios/json-viewer) 进行升级改造和扩展。 升级改造 - 架构升级：Manifest V2 → Manifest V3，原生 JS → CodeMirror 6 编辑器 - 渲染性能：原生 DOM 渲染 → CM6 虚拟滚动机制，大文件浏览更流畅，内存占用低 - 搜索增强：基础搜索功能 → 支持正则表达式、大小写敏感、全词匹配、JSON 路径跳转 - 排序功能：基础按键排序 → 递归快速排序 + 可配置字段排序（支持持久化自动保存） - 代码折叠：基础折叠 → 支持从第二层自动折叠、折叠标记指示器 - URL 处理：可点击 URL → 真实 <a> 标签替换 + 新标签页打开 - 自定义能力：主题/字体/Tab 大小 → 完整选项页（主题、字体、字号、行高、CSS 代码编辑器） - 大小限制：固定限制 → 可配置 maxJsonSize，超大文件提示「仍然高亮」 - 注释头：URL + 时间戳头部 → 可开关的注释头 - 路径导航：无 → JSON 路径搜索 + 复制路径命中内容 - 文本工具箱：无 → Base64/URL 编解码、Unicode/HTML 实体转义、JSON Path 提取、压缩、转义 - 注释支持：无 → 解析带注释的 JSON，格式化时保留注释 - 地址栏编辑器增强：基础草稿本 → 搜索、排序、注释支持、自动填充上次内容