好工具啊

正则可视化

可视化解析正则表达式语法结构，帮助理解复杂正则表达式，程序员必备

最后更新: 2026/7/11
//g

输入正则表达式，查看可视化解析结果

示例：^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

图例说明

📝literal
🔤character class
📦group
🔀alternation
⚓anchor
🚧boundary
🔤predefined
⭐wildcard
🔢quantifier
✨special
🔧escaped
分享：

使用说明

  1. 输入正则表达式
  2. 查看自动生成的可视化图形
  3. 鼠标悬停查看各部分含义
  4. 输入测试文本验证

核心功能

  • 1
    正则语法树可视化
    解析输入的正则表达式，将其拆解为字符类、量词、分组、锚点、选择等语法节点，以树状结构展示。
  • 2
    每个节点配有描述
    每个语法节点都标注类型和对应的功能说明，帮助理解各部分的含义。
  • 3
    语法错误即时提示
    输入无效的正则表达式时立即显示错误提示，无需等待测试才发现语法问题。
  • 4
    复制正则表达式
    可一键将当前正则表达式复制到剪贴板。

适用场景

✓
正则学习
通过图形理解复杂正则表达式的含义。
✓
正则审查
直观审查他人编写的正则表达式。

相关工具

关联介绍

什么是贪婪匹配

正则默认贪婪匹配，尽可能多地匹配字符。加?变成非贪婪：.*?匹配尽可能少。量词默认贪婪，如<.+>会匹配整段。量词：??非贪婪、+?最小匹配、*?最小匹配。