哪里可以找到用于JavaScript的正则表达式可视化工具？

目前我正在调试和评论其他人的JavaScript代码，但其中有一些邪恶的正则表达式。虽然我对正则表达式的了解相当不错，但如果有一个可靠的可视化工具将每个正则表达式字符串显示为铁路图或类似的东西，那将有所帮助

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

• 它不一定是一个插件，不过记事本++的东西是理想的。我通过Notepad++的插件管理器进行了检查，但是我在那里看到的两个正则表达式工具不是很好

• 一个接受表达式并生成图表的网页也可以工作，这样我就不用再使用JSFIDLE了

有人知道这样的工具是否存在吗？或者，如果我缺少一些技巧，可以使正则表达式的人工解析更容易？

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

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

（via）

请参见其中包括测试仪和解释程序

---

我在所有正则表达式测试中都使用此选项：

从技术上讲，这并不是您想要的（也许可以参见@johnkugelman的答案），但它可以很好地测试regEx并相应地显示哪些有效/哪些无效。简单易用

屏幕截图

---

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

它有一种直观的方式来可视化正则表达式

披露：我是作者

想要更多颜色吗

在那里，你可以得到一个像剪贴板一样的图像

---

对于

Abc（[a-d]+？|\d）$

我在所有正则表达式测试中都使用它：-它显示您是否有效，以及什么是可接受的，什么是不可接受的。我发布了一个评论b/c我不确定这是否是你想要的？谢谢。非常整洁的工具。即使这样，我也可以在JSFIDLE中节省一些精力。请随意把它贴出来作为答案（给别人一点解释），我一定会给它投一票，至少：-）我会有兴趣看看是否还有其他建议。谢谢。看起来真的很有用。太好了。我所追求的正是：-）顺便说一句，与permalinks和客户端渲染完全相同。值得指出的是，（在撰写本文时）这两个语法图生成器的输出可能有很大的不同。请参阅。感谢您在发表评论后将此作为答复。我认为在答案中包含这一点是很好的，这样任何其他人都可以看到这是一个选项。在StackExchange中：“发布好的、相关的答案，如果一些（但不是全部）与您的产品或网站有关，那也没关系。但是，您必须在回答中披露您的从属关系。”