正则表达式可视化调试

功能说明

正则表达式可视化调试工具是一款专业的正则测试工具，在标准匹配测试基础上，提供分组捕获树状展示、命名捕获组识别、逐步高亮预览等增强功能。

支持 6 大常用匹配标志（g/i/m/s/u）、一键插入常用正则模板（邮箱/URL/手机号/IP/日期/HTML 标签等）、实时显示匹配位置与捕获内容、所有计算在浏览器本地完成。

使用步骤

1. 在左侧输入正则表达式（无需前后斜杠）和测试文本。

2. 选择匹配模式：全局 (g) / 不区分大小写 (i) / 多行 (m) / 点匹配换行 (s) / Unicode (u)。

3. 也可点击下方「常用模板」一键插入标准正则（邮箱、URL、手机号等）。

4. 点击「运行匹配」，右侧展示高亮预览、匹配列表、当前匹配的捕获组树。

5. 点击「上一个/下一个」按钮或列表中任意条目，逐步浏览每一个匹配项。

常见问题

正则表达式需要前后斜杠吗？

不需要。直接写主体内容即可，例如写 \b\w+\b 而非 /\b\w+\b/g，斜杠会被自动添加，标志通过复选框单独控制。

命名捕获组和数字捕获组有什么区别？

数字捕获组按 ( 的顺序自动编号（1、2、3...）；命名捕获组通过 (?<name>...) 显式指定名称，便于代码中引用。两种捕获组在本工具中以不同颜色显示。

正则报错怎么办？

下方会显示具体错误信息（红色边框）。常见错误：未闭合的方括号、未转义的特殊字符、模式为空等。请检查正则语法。

你可能还想问

可视化能看出什么？

把正则拆成分组、字符类、量词与断言的结构图，并高亮匹配到的文本片段；复杂正则的调试效率比纯靠脑补高出很多。

匹配结果不符合预期怎么查？

先用最小样本测试核心片段，再逐步加条件；重点检查贪婪与懒惰（是否加问号）、分组是否捕获、以及锚点位置，这三处最常出错。

不同语言的正则一样吗？

大体相同但细节有差异（如命名分组语法、后行断言支持度）；调试环境选择目标语言对应的引擎，避免上线后行为不一致。

相关工具

相关内容