正则可视化增强
分组彩色高亮 · 结构树逐段解释 · 40 条常用库 · 历史自动保存
/ /
点击切换修饰符
等待输入正则
测试文本
替换预览
替换字符串(支持 $1 / $2 / $& / $<name>)

替换结果实时更新,可直接复制使用

改正则或改文本都会实时重算;点「匹配明细」里的条目可跳回高亮位置。
📚 常用正则库(40 条,点击直接套用)
🕘 最近用过的正则

历史只保存在你自己的浏览器里(localStorage),最多 20 条,不会上传。

⚠️ 正则在你的浏览器里直接执行,请避免对超长文本使用带有嵌套量词的「灾难性回溯」写法(例如 (a+)+b)——工具已设置 5000 次匹配上限与耗时显示,发现耗时异常偏高就该优化正则。结构树是对正则结构的近似解析,用于辅助理解,极复杂的写法(如嵌套量词、条件分组)可能解释不完整;d 标志(用于读取捕获组位置)在旧浏览器不支持时会自动降级为只高亮整体匹配。历史记录保存在 localStorage,清除浏览器数据会一并清除。所有内容不会上传服务器。

🧩

正则可视化增强

🔥 开发者必备 开发者工具 完全免费 🔒 本地运行不上传 🎨 分组着色 🌙 支持黑夜模式

正则难的不是语法,而是写完不知道它到底匹配到了什么——尤其是带捕获组的时候,$1 $2 到底是第几段、有没有匹配上,只能靠猜。这个增强版把「看不见的东西」全画出来:整体匹配用深浅两色交替标出,每个捕获组再套一层独立颜色,一眼就能看出哪一段进了 $1、哪一截是 $2,组嵌套也照样套色。
右侧三个面板分工明确:🎨 分组高亮直接在原文上着色;📋 匹配明细列出每一处匹配的位置、完整内容与各分组取值(点条目还能跳回高亮位置定位);🌳 结构树把正则拆成逐段可读的说明——\d{4} 是「数字 0-9,重复 4 次」、(?=.*\d) 是「正向预查」、量词后面标着贪婪还是惰性,看别人的正则时尤其好用。
还配了两个很省事的东西:常用正则库收了 40 条高频正则(手机号、邮箱、身份证、车牌、URL、域名、IPv4、日期时间、金额、银行卡、UUID、强密码校验、Markdown 链接、驼峰转下划线…),带分类与搜索,点一下直接套用;历史记录把最近用过的 20 条正则自动存在浏览器本地,刷新不丢,点一下就能复用。
另外还有实时替换预览(支持 $1、$<name>、$&)、匹配数与执行耗时统计(顺手发现慢正则)、六个修饰符一键切换,以及正则非法时的明确报错。写代码时还可能用得上JSON 格式化、时间戳转换、URL 编码解码和MD5/SHA 哈希。

类别开发者工具
修饰符g i m s u y 一键切换
可视化分组着色 · 匹配明细 · 结构树
常用库40 条 · 7 类 · 支持搜索
历史本地保存最近 20 条
其他替换预览 · 耗时统计 · 错误提示
数据存储不上传 · 仅存本地历史

核心特性

实时匹配高亮
捕获组独立着色
嵌套组自动套色
匹配明细列表
点击定位到高亮
结构树逐段解释
贪婪 / 惰性标注
分组类型识别
40 条常用正则库
库支持搜索分类
历史本地保存 20 条
替换实时预览
$1 / $<name> 引用
匹配数与耗时
六个修饰符切换
正则错误提示
本地运行不上传

修饰符速查

g / i / m / s / u / y 都是干什么的
g 全局匹配(找全部而不是第一个)· i 忽略大小写 · m 多行模式(^ $ 匹配每行首尾)· s 单行模式(. 也能匹配换行)· u Unicode 模式(正确处理 \u{1F600} 与代理对)· y 粘性匹配(只从 lastIndex 处开始)。写测试正则时通常开 g,处理多行文本再开 m。
捕获组的四种写法
(...) 捕获组,可用 $1 引用 · (?:...) 非捕获组,只分组不占编号 · (?<name>...) 命名捕获组,用 $<name> 引用 · (?=...) / (?!...) / (?<=...) / (?<!...) 四种预查(零宽,不消耗字符)。结构树会把它们分别标出来。

怎么用好分组高亮

为什么要用分组?
分组有两个作用:一是把一段内容单独提出来用(配合替换 $1 或代码里的 match[1]),二是把一部分当整体施加量词。高亮里每个组一种颜色,你可以直接确认「我要的那一段是不是真的进 $1 了」——这是正则调试里最容易出错的地方。
组显示「(空)」是什么意思
说明这个组在这一次匹配中没有参与,例如 (a)?b 匹配「b」时,第 1 组就是空的。这是正常现象,代码里取 match[1] 会得到 undefined,记得做兜底判断。
耗时很高说明什么
大概率是灾难性回溯:正则里出现了嵌套量词(如 (a+)+、(\s*\w+)*),匹配失败时要尝试的组合数呈指数增长,可能卡死页面。解决办法:把嵌套量词改写为更精确的字符类、减少 .*、或用原子组思路重写。工具显示了耗时,发现毫秒数异常就别再加大测试文本了。

关于这个工具

和正则测试网站(regex101 等)有什么不同?
regex101 功能更全(多语言引擎、调试器、完整 Explain 面板、分享链接),但需要联网、界面复杂、部分功能要登录。这个工具是纯本地、打开即用的轻量版:核心的分组着色、匹配明细、结构解释、常用库、历史都有,界面简单,内容不出本机——调试含有敏感数据(手机号、身份证、内网地址)的日志文本时更安心。
结构树的解释准不准?
结构树是对正则结构的近似解析,覆盖常见的分组、字符类、转义、量词、锚点、多选分支;对非常复杂的写法(嵌套量词、条件分组、部分 Unicode 属性转义)可能解释不完整或显示为原始片段。它用于辅助理解,最终语义请以实际匹配结果为准。

怎么用

  1. 第 1 步
    在顶部输入正则表达式(不用写两端的斜杠),下方点击切换 g / i / m / s / u / y 修饰符。
  2. 第 2 步
    在「测试文本」里粘贴要匹配的文本,右上面板会实时显示结果,并给出匹配数与耗时。
  3. 第 3 步
    看🎨 分组高亮:深浅两色区分相邻的整体匹配,每个捕获组一种颜色,嵌套组自动套色,鼠标悬停可看提示。
  4. 第 4 步
    切到📋 匹配明细看每处匹配的位置与 $1 $2… 的取值;点任意一条会自动跳回高亮面板并闪烁定位。
  5. 第 5 步
    切到🌳 结构树逐段看正则在做什么,包括分组类型、量词次数与贪婪 / 惰性。
  6. 第 6 步
    在「替换预览」里填替换串(支持 $1、$<name>、$&),下方实时显示替换后的文本,可直接复制。
  7. 第 7 步
    需要现成正则就去📚 常用正则库搜索或按分类挑,点一下直接套用;点「📋 复制正则」会把当前正则存进历史,下次打开点历史标签即可复用。

更新记录

  • v1.0 2026-09-17 正则可视化增强 上线:匹配高亮(相邻匹配深浅交替)+ 捕获组独立着色(9 色循环,支持嵌套组套色,悬停显示分组说明);匹配明细列出每处匹配的位置、完整内容与各分组取值,点击可跳回高亮并闪烁定位;结构树把正则解析为可读节点,标注分组类型(捕获 / 非捕获 / 命名 / 四种预查)、字符类、转义、锚点与量词次数及贪婪 / 惰性;内置 40 条常用正则库(联系方式、证件号码、网络、数字金额、日期时间、文本处理、开发七类,支持关键词搜索与分类筛选,一键套用);历史记录自动保存最近 20 条正则到浏览器本地;支持替换实时预览($1 / $<name> / $&)、匹配数与执行耗时统计、六个修饰符一键切换、正则非法时明确报错;单次匹配上限 5000 次防止卡死;全部在浏览器本地执行,内容不上传服务器;适配手机与黑夜模式。

常见问题

我输入的文本会被上传吗?
不会。正则的解析、匹配、高亮与替换全部在你的浏览器里执行,页面不会把正则或测试文本发到服务器。唯一会存下来的数据是「最近用过的正则」历史,保存在浏览器 localStorage 里,只属于你自己,清除浏览器数据即可删除。
为什么捕获组没有单独颜色?
分组着色依赖 d(hasIndices)标志来读取每个组的起止位置,Chrome / Edge 90+、Firefox 88+、Safari 15+ 都支持;旧浏览器会自动降级为只高亮整体匹配。另外,零宽分组(如预查)与未参与匹配的组没有位置信息,自然也不会显示颜色。
页面卡住了怎么办?
多半是正则存在灾难性回溯(嵌套量词 + 长文本)。工具设了 5000 次匹配上限,但单次匹配本身也可能极慢。解决办法:精简正则(把 .* 换成更精确的字符类、避免 (x+)+ 这类写法)、先用短文本验证,确认耗时(右上角显示)正常再放长文本。
正则里的中文、emoji 匹配不到?
中文可以直接写(如 [\u4e00-\u9fa5]);emoji 等特殊字符属于代理对,需要打开 u(Unicode)修饰符才能按字符正确处理,例如 /\p{Emoji}/u 或使用 \u{1F600} 写法。
替换预览里的 $1 为什么没生效?
确认正则里确实有捕获组((...)),$1 才对应第 1 个组;命名组用 $<name>,整个匹配用 $&。另外替换预览按当前修饰符执行,没开 g 时只会替换第一处。
常用库里的正则能直接用吗?
可以直接使用,但请注意它们是通用简化版:手机号、邮箱、身份证等校验只做了格式层面(手机号未校验号段、身份证未校验校验位)。生产环境的强校验建议在此基础上叠加业务规则或使用专门的校验库。
手机上能用吗?
可以,基础功能都能用,但屏幕较窄时正则输入与高亮区域会比较挤,写复杂正则建议在电脑上操作。常用库与历史在手机上同样可用。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码