正则可视化
解析正则表达式并直观展示其组成部分(字符类、量词、锚点等),并提供测试匹配高亮
正则结构分解 (10 个元素)
\b转义字符 (Escape)单词边界
\w转义字符 (Escape)单词字符 [A-Za-z0-9_]
+量词 (Quantifier)匹配 1 次或多次
@字面量 (Literal)匹配字符 "@"
\w转义字符 (Escape)单词字符 [A-Za-z0-9_]
+量词 (Quantifier)匹配 1 次或多次
\.转义字符 (Escape)任意字符(不含换行)
\w转义字符 (Escape)单词字符 [A-Za-z0-9_]
+量词 (Quantifier)匹配 1 次或多次
\b转义字符 (Escape)单词边界
测试匹配
2
匹配数
g
Flags
39
文本长度
命中
状态
高亮预览
使用说明
- 1 输入正则表达式(无需斜杠包裹)
- 2 查看正则结构解释
- 3 在测试文本中输入字符串,查看匹配高亮
相关工具
代码着色/高亮
在线代码高亮工具,支持多种编程语言语法着色,基于highlight.js,纯浏览器端处理
代码截图生成
在线代码截图生成工具,支持自定义标题、主题色与导出 PNG 图片。
Cron 表达式解析器(含时区热力图)
解析 Cron 表达式为人类可读描述,可视化字段含义,预览未来 10 次执行时间,并支持多时区对照与 30 天日历热力图。
CSS格式化/压缩
在线CSS代码格式化与压缩工具,支持缩进美化与去除空白
代码对比查看器
并排对比两段文本或代码的差异,新增/删除行高亮显示
HTML格式化/压缩
在线HTML代码格式化与压缩工具,支持缩进美化与去除空白
HTML预览/运行器
在线HTML代码编辑和实时预览工具,支持在沙盒iframe中运行HTML代码。
HTTP 状态码速查
在线 HTTP 状态码速查工具,支持按状态码或关键词筛选常见响应说明。
JS格式化/压缩
在线JavaScript代码格式化与压缩工具,支持缩进美化与单行压缩
JSON格式化/编辑
在线JSON格式化、校验和美化工具,支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具,支持拆分 Header、Payload、Signature,并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具,支持 flags、匹配结果预览与捕获组查看,适合开发调试。
SQL格式化
在线SQL格式化工具,支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具,支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具,支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串,识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器,支持批量生成、大写和去横线选项,一键复制。
XML格式化
在线XML格式化、美化工具,支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具,支持双向转换和错误提示
关于此工具
正则可视化工具将正则表达式的每个组成部分——字符类、量词、锚点、捕获组、非贪婪匹配等——拆解成图形化标注,帮助你直观理解一条复杂正则到底在做什么,而不是靠盲猜。
特别适合:阅读他人遗留的复杂正则、学习正则语法时对照理解、向非技术同事解释数据验证规则的含义、或者自己写完一条长正则后做最终的自我检查。
传统的正则学习方式要么看文档要么靠试错,遇到嵌套量词或多层分组时容易搞混。可视化工具把抽象符号变成结构图,让理解速度提升数倍,也大幅降低了正则写错的概率。
常见问题
可视化工具能解释哪些正则语法元素? +
支持字符类([a-z]、\d、\w、\s)、量词(*、+、?、{n,m})、锚点(^、$、\b)、捕获组和非捕获组、命名捕获组(?<name>)、前瞻和后顾断言、以及交替(|)等主流正则语法。
输入正则时需要加斜杠吗? +
不需要。直接输入表达式本身,不用加/.../ 包裹。flags可以单独设置,这样界面更清晰,也避免了因格式问题导致解析失败。
可视化结果可以导出或分享吗? +
可以将当前表达式的URL参数分享给他人,对方打开后会自动填入同样的正则并展示可视化结果,适合代码审查时和同事一起讨论正则逻辑。
正则可视化和正则测试有什么互补关系? +
可视化帮你理解「表达式是什么意思」,测试帮你验证「表达式是否按预期工作」。写新正则时先用可视化检查结构是否正确,再用测试工具用实际数据验证,两步结合几乎不会写出有bug的正则。
复杂的嵌套正则也能可视化吗? +
可以。工具支持多层嵌套的分组结构,会用缩进和颜色区分不同层级。对于超长的复杂正则,建议分段理解,先看整体结构再深入每个分支的细节。