纯前端的「注释清理助手」—— 在不修改原文件的前提下,通过可视化交互快速决定哪些注释删除、哪些注释保留,一键复制清理后的文本。
- 三态有限状态机 (FSM) 解析:精准区分真正的注释与字符串内部的字符(如 URL 中的
//、Python 字符串中的#) - 7 种文件类型支持:YAML / Python / Shell / JavaScript·TypeScript / JSON·JSONC / XML·HTML / TOML
- 显式选择文件类型:不再自动判断格式,用户粘贴内容后手动选择文件类型,避免误判导致注释漏删或误删
- 行内注释胶囊交互:行内注释(如
port: 8080 # 监听端口)拆分为独立胶囊,删除只移除注释不碰代码 - "默认标记待删除 + 点击保留":解析后默认将注释标记为待删除,只需点击少数要保留的注释 — 降低决策成本
- 三层批量操作:
- 行号拖拽区间选择 + 浮动操作气泡
- 分类侧栏(行首/行内/敏感/普通)一键全标·全保留·反转
- 键盘快捷键
Ctrl+A/Ctrl+I/Ctrl+D/Ctrl+Enter
- 敏感信息识别:中英文关键词(password/密码/密钥/token…)+ IPv4 + 邮箱,红色高亮 + 🔒
- 纯前端零依赖:单文件 HTML + TailwindCSS CDN,浏览器直接打开即用,数据不上传
- 直接在浏览器中打开
index.html - 左侧粘贴代码 → 选择文件类型 → 点「解析注释」
- 中栏编辑器中,注释以胶囊高亮(敏感信息红色 🔒,普通注释绿色),默认全部标记为待删除
- 点击想保留的胶囊 / 拖行号批量操作 / 分类侧栏一键操作
- 点击底部复制按钮 → 剪贴板自动获取清理后的文本
- HTML5 + TailwindCSS (CDN) + Vanilla JavaScript
- 三态 FSM 解析引擎(NORMAL / IN_STRING / IN_COMMENT / IN_BLOCK)
- 无构建步骤,无后端,无 npm 依赖
MIT