工具核心特性
1. 功能增强
专业 JS 处理:基于 Prettier 核心库,支持 ES6+、箭头函数、解构赋值等现代 JS 语法
自定义格式化:可选择 2/4 空格缩进、保留 / 移除分号,满足不同编码规范
深度压缩:不仅移除空白,还优化语法结构,最小化输出体积
语法安全:通过 Prettier 解析确保代码语法正确性,避免压缩后运行错误
2. 界面优化
保持原有玻璃拟态设计风格,改为蓝色系主题(区分 CSS 工具)
新增格式化选项区,支持实时切换缩进和分号配置
优化统计信息显示,更清晰展示代码 metrics
示例代码替换为典型 JS 场景(函数、箭头函数、类、Promise 等)
3. 技术栈
编辑器:CodeMirror(JavaScript 模式)
格式化核心:Prettier(支持 babel 解析)
样式:Tailwind CSS v3 + 自定义工具类
图标:Font Awesome 4.7
4. 使用说明
直接复制代码保存为 HTML 文件,用浏览器打开即可使用
支持粘贴 / 输入 JS 代码,点击 "格式化 JS" 或 "压缩 JS" 按钮处理
可通过顶部选项切换缩进大小和分号策略
处理结果可一键复制,支持实时统计代码信息
工具无需后端支持,所有处理均在浏览器端完成,保证代码隐私安全,同时提供流畅的使用体验。