Regexper · 官方在线版
正则表达式可视化图解,一眼看懂
它解决什么问题
Regexper 把正则表达式画成铁路图(railroad diagram):字符类、量词、分组、回溯分支都用图形表示,一眼能看出「这个 `.*?` 到底管到哪」。看别人写的复杂正则时,这比逐字符解析快十倍;写正则时也能用它验证自己对括号层级的理解。
三个典型使用场景
- 接手一份老代码,把里面 20 个字符的正则画出来看懂
- 教学时给学员展示 `(a|b)+` 和 `(a|b+)` 的结构差异
- 写完正则先画一遍,确认量词作用范围没写错
和 ToolHub 本地工具怎么配合
正则测试器:看懂之后要在真实文本上验证匹配结果,站内测试器能高亮每一处命中并显示分组(本地工具,文件不上传)
同类可替代方案
- DevDocs —— 一站式 API 文档聚合(100+ 语言/框架)
- Prettier Playground —— 官方在线代码格式化试验场
- Mermaid Live —— 用文本语法画流程图/时序图,实时预览
使用时要注意什么
只做静态解析,不执行匹配,没法验证边界情况;对 ES2018 之后的新语法(命名分组、后行断言)支持不完整。
常见问题
Regexper 是免费的吗?
Regexper 是开源项目,采用 MIT 许可证,官方在线版可以免费使用,不需要为基本功能付费。ToolHub 只做收录与说明,不代管你的数据,也不提供账号或存储服务。
Regexper 适合什么场景?
最常见的是这几种:接手一份老代码,把里面 20 个字符的正则画出来看懂;教学时给学员展示 `(a|b)+` 和 `(a|b+)` 的结构差异;写完正则先画一遍,确认量词作用范围没写错。判断标准很简单——如果你现在正为了这件事装一个几百 MB 的桌面软件,先用它试一次。
它和 ToolHub 的本地工具有什么区别?
ToolHub 的本地工具把代码放在你的浏览器里执行(WebAssembly 或原生 JS),文件不经过服务器;Regexper 由项目作者维护,数据在其服务器或你的浏览器中处理,具体取决于项目实现,使用前建议先看对方的数据政策。需要「绝对不上传」时可以改用站内同类工具。
用 Regexper 有什么限制?
只做静态解析,不执行匹配,没法验证边界情况;对 ES2018 之后的新语法(命名分组、后行断言)支持不完整。
相关阅读
- 二维码生成 —— 把文本/网址变成二维码,可下载 PNG(在浏览器内执行,不联网也能用)
- 哈希计算 —— SHA-256/384/512 哈希,基于 WebCrypto 安全实现(在浏览器内执行,不联网也能用)
- UUID / ULID 生成 —— UUID v4、ULID、Nano ID 批量生成,可作数据库主键(在浏览器内执行,不联网也能用)
- 全部开发类工具 —— 按分类筛选,含本地执行与目录直达
- DevDocs —— 同类别另一个选择
项目来源:github.com/javallone/regexper-static · License: MIT · 分类:开发
官网地址:https://regexper.com(新标签页打开 regexper.com)
说明:本页是 ToolHub 对该开源项目的整理与推荐,工具由项目作者维护,版权与数据归原作者所有。官网无法访问时可能是临时故障或网络限制。
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具,填参数,出结果。