正则表达式可视化工具

在线可视化解析正则表达式,把正则拆成图形化结构说明,并提供匹配测试和高亮,帮助理解和编写正则。

正则结构可视化

匹配结果高亮

功能介绍

正则表达式可视化工具可以帮你拆解正则表达式的每一部分,通过色块和文字说明解释每个元字符、量词、分组的作用,同时支持在测试文本中高亮显示匹配结果,帮助你理解正则的工作逻辑,排查正则错误。

使用方法

  1. 在「输入正则表达式」框填写你要分析的正则表达式,不需要加前后的斜杠。
  2. 可勾选匹配选项:全局匹配(查找所有匹配项)、忽略大小写、多行模式。
  3. 在「输入测试文本」框填写需要匹配的文本内容。
  4. 点击「分析正则并高亮匹配」按钮,即可查看正则可视化结果和匹配高亮结果。

解析规则说明

工具会解析以下常见正则元素,用不同颜色区分:

解析过程会检查常见语法错误,比如未闭合的括号、不完整的转义等,会给出明确的错误提示。

注意事项

为什么解析后有些嵌套分组没有展开?

为了保持界面简洁,工具当前不递归展开嵌套分组,只把整个分组当做一个块展示。如果需要分析内层分组,可以单独把内层正则拿出来分析。

输入正则需要加前后斜杠吗?

不需要,直接输入正则内容即可,前后斜杠是JS写法,工具内部会自动处理。

为什么我写的正则语法正确,但工具提示错误?

工具遵循JavaScript正则语法规范,如果你的正则是其他语言的特有写法(比如Python的命名分组),可能会无法解析。请确认你的正则符合JS语法规范。

高亮匹配结果怎么看?

匹配到的文本会用浅黄色背景高亮标记,工具会统计总共找到多少个匹配项,方便你验证正则是否匹配到了你想要的内容。