Regulex： JavaScript 正则表达式可视化.

[Jex]

http://jex.im/regulex/

特性：
- 精确的错误定位：Regulex可以指出正则表达式语法错误的具体位置。这个功能很重要，大部分 JS解释抛出的SyntaxError都缺乏具体的错误位置信息。
- 尽量严格遵循《ECMAScript 语言规范》，禁止OctalEscape，可以找出不合法的后向引用，NUL转义后面跟数字时报错。
- 纯JavaScript实现
- 可以通过IFrame内嵌到自己的网站上

@jakwings regexper.com 不能精确显示错误位置，不能识别错误的backref，它容忍OctalEscape但却不能正确解释，NUL转义后面跟数字它不报错，它不会标出NonGreedy匹配，它是用Ruby写的需要后端服务器。

还有我的小改进：SVG图片可以拖动，可以通过IFRAME 嵌入到自己网站上

还有 regexper 对于 /a{3,5}{4}/ 不能识别出错误。
Debuggex不能识别出 /(\1)/ 和 /(\1)\1/ 的错误

还有Debuggex的图片排版有些问题，这是这样。我没打算跟它竞争，只为解析正确就行了，其它功能不打算添加。

JavaScript 正则表达式参考教程：http://javascript-regex.coding.io/

[kingwrcy]

狠nice,收藏了

[oott123]

火狐用户哭晕在厕所

[Jex]

@oott123 怎么了？在Firefox下OK啊，除了它不支持contentEditable=plain-text，我将input自动跟着伸缩的

[anson0370]

Atom 前不久的更新里貌似就有正则可视化

[Jex]

@anson0370 没找到

[learnshare]

赞！

[kokdemo]

好给力！之前学正则要命啊……

[fantasticfears]

@Jex @anson0370 regex-railroad-diagram package https://atom.io/packages/regex-railroad-diagram

[leiliang]

既然博主对正则理解这么深，出点教程可好

[jakwings]

和这个的差别有多大？
http://www.regexper.com

[bcxx]

要是早发现这个玩意我一个月以前写 NFA 就不用写到手抽筋了 QAQ

[dsdshcym]

刚好今天刚学正则，收藏了

[Jex]

@fantasticfears 这样挺好，虽然我32位安装不了。
其实这种工具内置到IDE中最好了。但我肯定的是，这些工具都没严格遵守ECMAScript标准中说的语法，大部分正则引擎都会将不存在的backref视为OctalEscape,这点连debuggex都没分析对

[Jex]

@leiliang 正则表达式好的教程已经太多了

[wolfan]

奇怪，在http://www.regexper.com/ 可以的公式在这里居然是错误的，这是为什么呢？

[Jex]

@wolfan 麻烦提供下出错的正则式，我看一下

[wolfan]

@Jex /a{3,5}{4}/

[oott123]

@Jex 难道我浏览器问题？
我这里点什么都没用，换 chrome 才看到效果。

[Jex]

@wolfan /a{3,5}{4}/ 这个正则式是错的啊，你按F12放到console里执行下JS解释器都会报错。我的也会指出错误： http://jex.im/regulex/#!embed=false&re=a%7B3%2C5%7D%7B5%7D

[Jex]

@oott123 有可能是加载失败，资源是放在Git Pages上的，国内加载速度不行，但raphael、require.js用了360的CDN

[justjavac]

@Jex https://github.com/justjavac/ReplaceGoogleCDN

[Jex]

@justjavac raphael、require.js已经用了国内的CDN，但主程序还是要从Git Pages上加载，所以会慢

[jakwings]

/(\1)\1/ 这个不算错吧，浏览器都能正常 test，虽然可能是未定义行为。我觉得 regexper 的报错也挺精确的，只是没画图。

另外发现你的也不能正确识别这个：{3?}

[jakwings]

@jakwings 啊，记错了，不是 {3?}。

[jakwings]

看来是比 regexper 好很多，除了图片的美观程度。还有实在无法理解为什么非要用 content-editable，每次 enter 之后都要把光标弄到开头。

[Jex]

@jakwings 大部分正则引擎都容忍这类错误，对于 /(\1)\1/ 它确实是一个错误，但错也有错法，比如将/(\1)/解释成/(\u0001)是一种方法，但将 /(\1)/ 解释成Backref #1 就肯定解释错了。所以严格解析就应该报错。

光标跳到开头的问题我修一下。

[fising]

貌似有bug

[jakwings]

@Jex 我不觉得解释成后向引用有多大问题，反正默认是空白字符串。

我认为还应该把输入框的可点击范围弄大点。

[fising]

拷贝了一份放我网站了 :) 谢谢楼主。不喜欢 iframe

[zyxfsky]

不错的东西，收藏下

[Jex]

@jakwings 不过它本身是一个误写，作为工具指出这种错误更好

后面我把它还换成input

[sneezry]

/\\{3}/ 好像有个小bug。这个网站真棒！

[dallaslu]

提示错误：
^(?<method>\w+)(?:\((?<param>".*")\))?$

[Jex]

@dallaslu 我就知道会有不少人还是会拿PCRE来测试 -_-！

[Jex]

@sneezry 已修复

[Jex]

@leiliang 把以前的一个教程发出来：《JavaScript 正则表达式》

http://javascript-regex.coding.io/

[leiliang]

@Jex 其实呢，网上教程多，但讲的清楚和简单易懂的少，最重要的是正确性，就怕教程包含错的东西

[luoweihua7sync]

@Jex 3Q，js的正则是我最大的弱项，一直表示理解不能，看完还是有那么点收获的。。。

[yanwen]

楼主。。。站点挂了。。。

[Jex]

@yanwen 那是因为需要翻墙上Github