CodePrettify: JS、JSON、CSS 和 RSS 格式化工具在浏览器中使用的扩展工具,这款工具支持自动检测杂乱或压缩的代码,并按照你的缩进偏好进行美化等,欢迎下载使用。
介绍
CodePrettify 会在你打开原始 JavaScript、JSON、CSS、XML 和 RSS/Atom 文件的瞬间自动进行格式化、分析和语法高亮。无论你是在查看压缩的 API 响应、复杂的数据源,还是本地配置文件,都可以在浏览器中获得类似 IDE 的体验。
功能
🚀 智能自动化与格式化
- 自动格式化:自动检测杂乱或压缩的代码,并按照你的缩进偏好进行美化
- 智能压缩检测:分析代码密度,对压缩文件自动格式化,同时保持已格式化文件的原始结构
- 智能渲染:针对密集代码和已整理代码提供结构化显示
- 代码折叠:折叠和展开函数、类、对象、数组以及 XML 块
- JSON 查看器:交互式、可折叠的 JSON 显示,支持自定义行为

📊 结构化数据支持
- 完整支持 JSON 和 XML/RSS/Atom,包含语法高亮和自动格式化
- JSON:支持对象和数组折叠,带有面包屑导航和 JSON Path 工具
- XML/RSS:层级结构展示,支持元素折叠和实体解码
- JSON 和 XML 中的链接均可点击
- 表格视图:JSON 数组和重复的 XML 元素可转换为表格显示
🧭 高级导航与大文件处理
- 文档导航器:以结构化方式浏览 JSON、JavaScript 和 XML
- 代码小地图:快速浏览大型文件
- 持久化视图状态:自动恢复折叠状态、搜索内容、高亮行和显示模式
- 智能预览:显示如 Array(5) 或 {3 keys} 的摘要信息
🔍 代码分析与调试
- 诊断面板:显示语法状态、警告信息和文件分析
- 统计面板:
- 通用:文件大小、行数、字符数
- JSON:嵌套深度、键数量、数组大小
- JavaScript:函数数量、变量数量
- CSS:选择器数量、规则数量、媒体查询
- XML/RSS:标签、属性、命名空间
- 内置校验:
- JSON:精确到行号的语法错误提示
- JavaScript:检测括号、花括号不匹配及常见错误
- CSS/XML:结构校验
- 即时反馈:以非侵入方式提示错误
- 实时调试:在查看代码的同时进行分析与排错
🔐 数据解析与解码
- Base64 和 JWT 解码:在弹窗中同时查看编码和解码结果
- 时间戳解析:自动识别 Unix 时间戳和 ISO 日期
- JSON Path 工具:查看、复制和查询 JSON 路径
🔎 搜索与交互
- 高级搜索(Ctrl+F),支持结果计数
- 正则搜索(/pattern/flags)
- 跳转到行(Ctrl+G)
- 可点击链接和导入路径
- 括号匹配显示 {}, (), []
🌐 请求与上下文信息
- HTTP 信息面板:查看状态码、请求头、编码和响应元数据
- cURL / fetch 生成器:快速生成可复现的请求
🎨 可视化工具与 CSS
- Hex / RGB 颜色预览
- 内置颜色选择器
- 无闪烁加载(Zero-flash loading),避免原始内容闪现
🔒 隐私与安全
- 100% 本地处理:所有功能均在浏览器内运行
- 无外部请求:数据不会发送到任何服务器
- 无第三方库:无外部依赖
- 适用于敏感数据:可安全用于 API、令牌和内部系统
📂 随处可用
- 支持网页响应和本地文件(file://)
- 适用于 API、配置文件和静态文件
⚙️ 可自定义
- 主题:浅色、深色、自动
- 设置:字体大小、缩进、行号、自动换行、小地图
⌨️ 快捷键
- Ctrl+B:切换原始/格式化视图
- Ctrl+Alt+C:复制到剪贴板
- Ctrl+F:搜索
- Ctrl+G:跳转到指定行
- Ctrl+Alt+T:显示/隐藏工具栏
📝 本地文件说明
要在本地文件(file:///)中使用 CodePrettify,请在 Chrome 扩展设置中启用“Allow access to file URLs”
支持 14 种语言,包括英语、中文、挪威语、德语、西班牙语等。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取










