🔬 正则表达式可视化

输入正则表达式,自动解析为彩色可视化树状图,直观展示语法结构

🔎
输入正则表达式或点击上方示例开始
📚 工具说明

正则表达式可视化工具帮助开发者直观理解正则的语法结构。输入任意正则表达式,工具会将其解析为彩色树状图,标注每个语法元素的含义,特别适合学习和调试复杂的正则模式。

功能特点

  • 字面量与转义字符高亮
  • 字符类(含否定字符类)可视化
  • 量词标注(*, +, ?, {n,m})
  • 分组类型识别(捕获/非捕获/前瞻)
  • 选择符分支展示
  • 锚点与特殊字符标注
  • 悬浮提示详细说明
  • 内置常用正则示例

🎯 使用场景

  • 学习正则表达式语法
  • 调试复杂正则模式
  • 理解他人编写的正则
  • 向团队解释正则逻辑

常见问题

支持哪些正则语法?
支持 JavaScript 兼容的正则语法,包括字符类、量词、分组(捕获/非捕获/正向前瞻/负向前瞻)、选择符、锚点、转义序列等。
数据会上传到服务器吗?
不会。所有解析和可视化完全在浏览器本地完成,正则表达式不会被发送到任何服务器。
支持哪些浏览器?
支持 Chrome、Safari、Firefox、Edge 等主流浏览器的最近两个大版本。