好站: 將 正規表示式 (Regex) 圖形化顯示工具

正規表示式、正規表達式 (Regex、Regular expression) 寫完後, 基本上大多都會變成天書, 只有寫得當下看得懂, 下次來看就沒人懂了~

這個網站可以把 Regex 寫的內容畫成執行的流程圖(Finite-state machine、有限狀態機、Syntax diagram), 主要可以拿來做驗證用, 如果看不懂得, 這個可以當輔助工具, 看有沒有機會可以看懂~

註: 可以當成 Regex 解析、分析工具

• 網站: Regexper
• 可以輸入這幾個案例, 比較看看:
  • [0-9a-z]+@abc.com
  • [0-9a-z]+@abc\.com

感謝 Hank Xie、LH 提供此流程圖的名稱~

相關網頁

• Regulex：JavaScript Regular Expression Visualizer. - 一樣把 Regex 畫成流程圖，專門給 JavaScript 的版本