我在哪里可以找到适用于JavaScript的RegEx可视化工具?

guy*_*sey 3 javascript regex debugging plugins visualization

我正在调试并评论其他人的JavaScript代码,但其中有一些恶魔RegEx.虽然我对RegEx的了解相当不错,但是有一个可靠的可视化器可以将每个RegEx字符串显示为铁路图或类似的东西.

  • 我在这个问题上找到了Eclipse的插件,用于Java,所以我想知道是否有类似JavaScript的东西.

  • 它不一定是一个插件,虽然Notepad ++的东西是理想的.我通过Notepad ++的插件管理器进行了检查,但我看到的两个RegEx工具并不是很好.

  • 接受表达式并生成图表的网页也可以正常工作,这样可以节省我不得不使用JSFiddle的费用.

有谁知道这样的工具是否存在?或者,如果有一些我缺少的技巧可以让人类解析RegEx更容易?

Joh*_*ica 9

Regexpr生成非常好的正则表达式可视化.一个简单的例子:

来自regexpr.com的示例截图

还有一个更复杂的正则表达式示例,它试图匹配HTML标记:

一个更复杂的截图 (通过tutsplus.com)