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

Question

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

我在这个问题上找到了一个用于 Java 的 Eclipse 插件，所以我想知道那里是否有类似的 JavaScript 插件。
它不一定是插件，但 Notepad++ 的某些东西会是理想的。我通过 Notepad++ 的插件管理器进行了检查，但我可以看到的两个 RegEx 工具不是很好。
一个接受表达式并生成图表的网页也可以正常工作，并且可以省去我大量使用 JSFiddle 的麻烦。

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

score 9 · Accepted Answer

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

来自 regexpr.com 的示例屏幕截图

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

更复杂的截图 ^{（通过tutsplus.com）}

score 2 · Accepted Answer

2

请参阅regex101.com，其中包括一个测试器和解释器。

在此处输入图像描述

于 2013-02-01T16:12:15.573 回答

score 1 · Accepted Answer

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

从技术上讲，这不是您要查找的内容（也许请参阅@John Kugelman 的回答），但它可以很好地测试 regEx 并显示相应的有效/无效。使用简单。

截屏

在此处输入图像描述

score 0 · Accepted Answer

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

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

披露：我是作者

score 0 · Accepted Answer

0

想要更多颜色？

在那里你可以得到剪贴板的图像，如

为Abc ([a-d]+?|\d)$.

于 2021-06-10T09:38:20.237 回答

5 回答 5