结构卡片拆解
把常见分组、字符集、数量词和锚点拆成更易读的块。
本地跑样例
修改 pattern 和 flags 后立即在浏览器本地查看匹配结果。
适合读懂旧规则
不只适合写正则，也适合接手时快速看懂现有模式。
本地分析 · 正则结构图解
正则表达式可视化
输入正则后，本地拆解主要语法符号并直接跑样例匹配，适合联调、教学和快速读懂已有规则。
已找到 2 个匹配结果。
结构拆解
(
分组开始
t
字面字符
o
字面字符
k
字面字符
e
字面字符
n
字面字符
|
或关系
t
字面字符
o
字面字符
o
字面字符
l
字面字符
)
分组结束
-
字面字符
\d
数字字符
+
数量词
样例匹配
token-12tool-87
工具使用说明
正则表达式可视化 怎么用
输入 pattern 和 flags
先填入要分析的正则表达式和 flags。
查看结构拆解
工具会把主要符号拆解成结构卡片，降低阅读门槛。
结合样例文本验证
直接看匹配结果，确认表达式是不是按预期工作。
功能说明
这个工具解决什么问题
适合什么场景
适合教学演示、前后端联调、日志规则校验和排查已有正则。
尤其适合你只想先快速读懂一条现成规则。
为什么做本地版
正则和样例文本经常带业务规则或内部内容。
本地跑测试更安全，也更即时。
使用边界
当前偏轻量结构图解，不是完整语法树渲染器。
如果你要做复杂性能分析或回溯诊断，仍建议上专业调试器。
常见问题
关于 正则表达式可视化，用户常问这些
会上传我的正则和样例文本吗？
不会，所有分析都在浏览器本地完成。
支持完整语法树吗？
当前更偏轻量结构拆解，不是完整 AST 可视化。
适合教学吗？
适合，尤其适合解释分组、字符集、数量词这些基础结构。
为什么没匹配到结果？
可能是 pattern、flags 或样例文本不匹配，也可能正则本身写错了。