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

Question

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

• 我在this question找到了Eclipse的插件，用于Java，所以我想知道是否有类似JavaScript的插件。

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

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

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

Answer 1

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

一个更复杂的正则表达式示例，它试图匹配HTML标记：

^{（通过tutsplus.com）}

Answer 2

请参阅regex101.com，其中包括测试人员和解释员。

Answer 3

我将此用于所有正则表达式测试：regexpal.com

技术上并不是你想要的（也许可以看看@John Kugelman的答案），但它可以很好地测试regEx并显示哪些有效/无效。简单易用。

<强>截图

Answer 4

您可以在www.textpression.com上试用Textpression。在开发过程中可以免费下载和使用。它目前不专门支持JavaScript，但会在商业版本上支持。

它有一种非常直观的可视化正则表达式的方法。

披露：我是作者

Answer 5

想要更多颜色吗？

jex.im

在那里你可以获得剪贴板的图像

对于Abc ([a-d]+?|\d)$。